Code Over Easy

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.)

Posted

in

, ,

by

derek

Tags:

, , ,

Comments

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

  1. João Ferreira (@Joao12Ferreira) Avatar
    João Ferreira (@Joao12Ferreira)

    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 http://bindtuning.com/
    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.

    Reply
  2. Taregh Avatar
    Taregh

    Hi Derek,

    Very nice demo.

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

    Thanks in advance.

    Regards,
    Taregh

    Reply
    1. derek Avatar
      derek

      I’ve just posted the sample code to github at https://github.com/smithderekm/trispug-sharepoint-bootstrap

      Reply
  3. Kaaba Nashar Avatar
    Kaaba Nashar

    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 !

    Reply

Leave a Reply