Responsive Design with Bootstrap in SharePoint 2010

It was a real pleasure and privilege for me to present to the Triangle SharePoint User Group this month.

In my presentation, I demonstrated how to incorporate the Bootstrap web application framework in to SharePoint master pages and page layouts in order to deliver a responsive browsing experience.

The full video of my presentation is up on Youtube, and shown below.

(Note: Unfortunately, when I switched from slides to the demo, and switched the display on my laptop from ‘Extend’ mode to ‘Duplicate’ mode, SnagIt didn’t pick up on the transition and the demo portion did not get recorded properly. Thankfully the code can be seen in the video up on the projection screen.  If anyone has specific questions or wants code samples, just add a comment for this post or send me a tweet.)



, ,



4 responses to “Responsive Design with Bootstrap in SharePoint 2010”

  1. João Ferreira (@Joao12Ferreira) Avatar

    Very nice article to start making SharePoint responsive.
    I’m also working with responsive branding for SharePoint, let me introduce our work, take a look at
    We have a tunning tool where you can fully customize a theme for SharePoint and besides being responsive the theme include a lot of features.

  2. Taregh Avatar

    Hi Derek,

    Very nice demo.

    Is it possible to get the code samples for this demo?

    Thanks in advance.


    1. derek Avatar

      I’ve just posted the sample code to github at

  3. Kaaba Nashar Avatar

    Hi, I had a bad experience with bootstrap when using with sharepoint 2010 .. but I think it’s the best responsive themes for a website .. except for sharepoint !

Leave a Reply