Watch the above video to demonstrate how to create a simple mobile responsive branded SharePoint 2013 site using only CSS.
However when developing a complex branding site for SharePoint 2013, where the site needs to be mobile responsive and compatible across mobile devices and tablets, then the starting point is learning how to implement a master page that uses BootStrap.
There are three ways below to get started in using BootStrap framework for SharePoint 2013.
- ShareBoot – It is a responsive SharePoint 2013 theme that is downloaded from a Zip file. When uncompressed, the zip contains a master page, three page layouts and bootstrap files;
- CodePlex – There is an open community source code called “Responsive SharePoint” that contains the source code and WSP file to deploy a branded SharePoint 2013 site with BootStrap; and
- Twitter BootStrap – Solutions in GitHub with its documentations.
This blog focuses on how to use ShareBoot. So for a complete instructions on how to deploy ShareBoot in SharePoint 2013, read below:
Note that the documented instructions is a manual process of deploying ShareBoot as a drawback. So to automate the deployment process, I suggest packaging up all the deployment ShareBoot files into Visual Studio 2012-13 as a solution package WSP file.
- W3School links below:
Bootstrap CSS Ref
Bootstrap JS Ref
- JS Alert
- JS Button
- JS Carousel
- JS Collapse
- JS Dropdown
- JS Modal
- JS Popover
- JS Scrollspy
- JS Tab
- JS Tooltip
- SharePoint 20103 Responsive – CodePlex
- Home – https://responsivesharepoint.codeplex.com/
- Documentation and WSP file – https://responsivesharepoint.codeplex.com/releases/view/114361
- Download release – https://responsivesharepoint.codeplex.com/releases
- Source – https://responsivesharepoint.codeplex.com/SourceControl/latest#README.txt