Questions tagged [boot-strap]

"Bootstrap is a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions." Wiki

Filter by
Sorted by
Tagged with
15
votes
1answer
4k views

SP2013 & Responsive Design - How to do it right?

I'm a SharePoint developer and also skilled in web design. My current task is to implement a responsive design along with a branding in SharePoint 2013 environment Now I am in the situation to choose ...
10
votes
3answers
2k views

Bootstrap in HTML Web Part

I got HTML/CSS from our Designer to implement on a Sharepoint 2010 page. This page is using bootstrap. I implemented it with HTML Web Part and also tried to split the web page layout and work ...
5
votes
1answer
1k views

Spfx - Bootstrap-Dialog

I have been struggling with getting bootstrap-dialog to work in an spfx client web part. So far I was able to get jquery, bootstrap, datatables working but can't seem to get bootstrap-dialog working. ...
4
votes
4answers
4k views

How can I install bootstrap on SharePoint Online?

I would use Bootstrap styling to custumize my SP Page. I added those links to a CWEP: <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/...
3
votes
1answer
2k views

SharePoint 2013 masterpage + bootstrap compatibility with Internet Explorer 8

I’m currently developing a SharePoint portal that will mostly be used by clients with Intern Explorer 8 with responsive design requirement. As a result compatibility with IE 8 is pretty important. I ...
3
votes
2answers
14k views

Using Bootstrap framework/foundation framework with Sharepoint

Is it possible to use bootstrap/foundation with SharePoint to improve the front end look of SharePoint 2010 or 2013? Can anyone suggest anything related to this? Thanks
3
votes
4answers
4k views

SharePoint 2013 / bootstrap.js / only working in edit mode

I am trying to get the twitter bootstrap framework running on our SharePoint 2013 intranet page. When I'm editing the page, the code is working as expected. After saving the web part page, the ...
3
votes
4answers
3k views

Bootstrap CSS Breaks In SharePoint 2013

I'm developing a web app for my employer and they want it to live on SharePoint (i.e. There's no other way around this. It's set in stone). I began developing locally, using Bootstrap, until they ...
3
votes
0answers
727 views

Prevent page reload when clicking a folder in a document library

I am currently working on SharePoint Online and I have created a customer page layout that is using Bootstrap accordion. Inside the accordion I have a document library that contains folders. The ...
2
votes
2answers
1k views

Bootstrap menu SharePoint Online

I want to make a custom bootstrap menu on my SharePoint online site. I imported the bootstrap javascript and css links on the master page. I imported the jquery library too. Then with jquery I empty ...
2
votes
2answers
670 views

Bootstrap 4.1 on SharePoint 2016 breaks custom fonts

As mentioned in the title, I'm currently facing the problem that something with/in Bootstrap might break the usual way of using custom fonts. I add <meta charset="utf-8"> <meta name="viewport"...
2
votes
1answer
601 views

Automatic Bootstrap Tabs in SharePoint

I'm trying to implement this solution to a SharePoint public facing site. The timer seems to be working as I'm getting errors in browser consoles at every interval but nothing is happening: '...
2
votes
1answer
2k views

Bootstrap Form Content Editor Webpart Sharepoint

I am trying to create a form which will style nice using bootstrap to look like one of the forms in the link twitter bootstrap forms However if I add the form tag to the content editor web part I ...
2
votes
1answer
722 views

How to avoid sharepoint to override my CSS classes?

I'm struggling to avoid that sharepoint overrides my bootstrap classes, but unfortunally without succes, I've tryied many solutions found on the web and also in Sharepoint StackExchange, but no good. ...
2
votes
2answers
442 views

SharePoint 2013 Document Library Web Part

I am wondering if anyone can possibly answer by question, I have created a new page layout using the Bootstrap framework and then added approximately 5 web part zones, in each web part zone I have a ...
1
vote
2answers
67 views

The bootsrap glyphs not displayed on SharePoint public site

I recently connected a domain to my public website on SharePoint Online (Developer tenant). When I connected the template with the master page and page layout works flawlessly on: https://domain-...
1
vote
1answer
132 views

Sharepoint Multiselect Checkbox on edit form not showing/hiding Bootstrap element on page load

I have a multiselect checkbox with the value "Eric". When "Eric" is checked, it should show/hide a corresponding bootstrap element. The code is dynamic and works properly EXCEPT when the form is ...
1
vote
1answer
3k views

How to use Bootstrap in custom master page in sharepoint 2013

I have created html page for branding using bootstrap3. Now when I want to use the same in share point 2013 as master page it is overriding the MS classes and design. Can any one suggest which is the ...
1
vote
1answer
667 views

Bootstrap theme that looks like sharepoint 2013

We created a provider hosted webapp in sharepoint 2013. The webapp is accessed thru an iframe. We use twitter bootstrap for the UI in the webapp. Does anyone know of a bootstrap theme that makes the ...
1
vote
0answers
47 views

Correct and reliable way to load bootstrap in SPFx webpart

ello, I know there are couple of ways to load bootstrap in our SPFx webpart. But it seems there is some inconsistency on how to add its reference in webpart.ts I am trying to load bootstrap.min.js ...
1
vote
1answer
444 views

How to disable hover panel for mobile devices

I am using https://responsivesharepoint.codeplex.com/ for my sharepoint site. So I have bootstrap integrated to my SP Site. Can anyone tell me what is the most elegant way of disabling hover panel ...
1
vote
2answers
461 views

Boostrap messes up whole design

I have got HTML from designer which only uses two CSS; bootstrap.css and myStyle.css (custom CSS). There is no other CSS or JS file in HTML. The design looks fine when I open it in browser. But ...
1
vote
0answers
34 views

SharePoint Webpart-Override a color from Bootstrap CDN

I have a webpart in SharePoint Online. I need to change the Text color of it. When I use the Firebug tool, it says that the location is https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap....
1
vote
1answer
248 views

How to create left side custom navigation as common?

I have created the custom left navigation in HTML with bootstrap. I need to add this in SharePoint online team site. If I include this HTML in SharePoint Online, I want to use wherever I want in the ...
1
vote
1answer
211 views

String placeholders {0} in masterpage URL's

I'm working with the bootstrap for sharepoint project which includes some masterpages and page layouts to help make SP responsive. While in the masterpage, on the left nav (quick launch) bar, I see ...
0
votes
1answer
530 views

How to add a DataTable with Drop-down Select Menus

Can I add drop-down select menu to my data table plugins? When I filter Issue_x0020_Status as Active, Resolved and Closed it only shows what ever the user filter. This is my page And Similar to this ...
0
votes
1answer
205 views

MAKING A BOOTSTRAP 4 CAROUSEL SLIDER [closed]

I tried to MANIPULATE an example BOOTSTRAP 4 CAROUSEL SLIDER but I find a problem when running my application in my site sharepoint 2013 here is my code ...
0
votes
1answer
1k views

Unable to change the font color of bootstrap accordion on SharePoint Online

I am unable to change the font color of an accordion to white. I tried to override with css using below code but still doesn't work. please see the code below. <head> <style> ...
0
votes
1answer
2k views

Bootstrap Carousel with jQuery to query the images from Picture Library

I am having trouble having the jQuery to fetch the images from the Picture Library in SharePoint and display on bootstrap carousel. I'm very new to this functionality using jQuery and I think I am not ...
0
votes
1answer
4k views

Twitter-Bootstrap 3 for SharePoint 2013 installation

I am trying to install Twitter-Bootstrap 3 on a 2013 SharePoint site. I can't seem to install it properly (Col-- class isn't recognized therefore pages aren't responsive) and I can't find any ...
0
votes
1answer
15 views

TreeView (bootstrap) where is mistake

I can’t create a tree view bootstrap from the list items, where did I go wrong? how to fix? <link type="text/css" rel="stylesheet" href="/_layouts/15/css/bootstrap-theme.min.css"> <link ...
0
votes
1answer
125 views

Can't scroll iframe Responsive Sharepoint 2016 on mobile iOS Safari

I used bootstrap to make iframe responsive .iframe is a magazine that contains several pages. My problem is: I can scroll only one page in the iframe on IOS. <div id="outerdiv" class="embed-...
0
votes
1answer
337 views

Bootstrap does not work on SharePoint 2010 Internet explorer 8

I need to support legacy internet explorer I.E. 8 applications. But Bootstrap does not work on the SharePoint 2010 page. I am injecting custom html using a content editor web part it works perfectly ...
0
votes
3answers
930 views

Using bootstrap tabs in sharepoint framework

I am new to sharepoint framework and I have tried to bring the bootstrap tabs design in sharepoint framework. I am able to load bootstrap.css and bootstrap.js and also the design is coming but the ...
0
votes
1answer
231 views

Accordion with bootstrap and Spservices

I am trying to use this, It is the best accordion i could find that uses lists. I get the main part to work but the pagination is corrupt. It looks like this. The code comes from the page below....
0
votes
1answer
174 views

JSOM Bootstrap Carousel

I am attempting to implement a Bootstrap carousel using SharePoint's Client Side Object Model via JavaScript. The code below displays items within a custom list using various columns -- mostly OOTB ...
0
votes
1answer
2k views

glyphicons-halflings-regular - 404 (NOT FOUND) in Sharepoint Hosted Add-in

I have developed one SharePoint hosted add-in where in I've used offline bootstrap CSS and glyphicons font. But when I try to load the page it is giving me an error in the browser as below: Failed ...
0
votes
1answer
49 views

Sharepoint 2013 - Error XSL List error with user not Logged in

This is my first topic so I apologize if something is not in order and I apologize for my bad english. I have a problem with a particular SP13 list. I created an XSL that uses JQUERY and BOOTSTRAP ...
0
votes
1answer
122 views

jQuery doesn't execute in Sharepoint

I'm on Sharepoint project for a client, and I took over the development of website, but the client has the lead of project. Based on a Bootstrap Theme, the project works on local. But, when I try on ...
0
votes
1answer
1k views

style a search box

I have added a search box web part in a custom page layout in SharePoint online, I am using bootstrap I am trying to make the width of the search box smaller using css but whenever I do the results ...
0
votes
1answer
636 views

How to create web-part or web-app from bootstrap carousel

Is there anyway that I can create a web part or a web app so that I can use a bootstrap carousel on a SharePoint site. Currently I have a carousel but the master page is using a bootstrap theme, ...
0
votes
1answer
495 views

UI-Bootstrap accordion doesn't works in SharePoint

I'm trying to do a simple UI-Bootstrap accordion in a SharePoint 2013 page. This is the markup page: <%@ Assembly Name="$SharePoint.Project.AssemblyFullName$" %> <%@ Assembly Name="...
0
votes
1answer
522 views

no style for SharePoint:DateTimeControl when add bootstrap CSS

when i try to set a bootstrap style for my sharepoint page by adding css file, all SharePoint:DateTimeControl in my page loose their style and become something like this :
0
votes
2answers
2k views

how to control speed of carousel?

Currently using bootstrap.min.js in my share point slider web-part. i have custom property "Speed" ,trying to control speed of carousel from code behind how to do it?
0
votes
1answer
276 views

Bootstrap theme not getting applied

This question is in continuation of my previous question asked here I can now see bootstrap3.master in my master page gallery. When i see my page it doesnt look like bootstrap theme is appled. I have ...
0
votes
0answers
1k views

BootStrap CSS Seattle master page

I have copied the seattle masterpage called it BootstrapMaster. The masterpage works fine. I have downloaded twitter bootstrap and placed it in the location _catalogs/masterpage/CSS/bootstrap.min.css ...
0
votes
1answer
882 views

Sharepoint 2013 Bootstrap template top nav getting stack

We have a SharePoint 2013 publishing site that is using a Bootstrap template and the top nav (static) gets missplaced after scrolling down a long page and collapsing the browser window and back to ...