1

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 best way to use bootstrap3 for share point 2013 custom master page. enter image description here

Thannks

Improve this question

1 Answer 1

Reset to default
1

In the custom masterpage add a css reference like below in the <head> tag after the corev15.css is loaded :

<link rel="stylesheet" type="text/css" href="path/bootstrap.min.css">

If you want to ensure that your css is loaded after SharePoint's css is loaded, use it like below in the <head> tag:

<SharePoint:CssRegistration runat="server" ID="customcss1" Name="path/bootstrap.min.css" After="corev15.css" />

Also, the bootstrap js file should be loaded at the bottom of masterpage to ensure page speed, just above the </body> tag like below:

<script type='text/javascript' src="path/bootstrap.min.js"></script>
Improve this answer
1
  • I applied CSS and javascript in the same way but it is overriding the MS Styles and change styling of page layout too. see image added in the question.
    – akj
    Commented Oct 17, 2016 at 3:56

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.