How to apply a free bootstrap theme template on sharepoint web page?

I want to change the theme of sharepoint web page (intranet webpage) using bootstrap ready online theme templates, how? I want to apply a nice colors theme and reorder the content to be tidy.(changing the layout) I am using sharepoint2013. Can any one help me step by step, because I am new in designing web pages. I have navigation at the top and at the left, and I prefer 3 columns layout or more. Also, What is the best recommended? Bootstrap or third party for designing a theme for sharepoint2013?

asked May 8, 2017 at 11:32 51 1 1 silver badge 3 3 bronze badges Commented May 8, 2017 at 13:44

2 Answers 2

  1. One way is customizing page with SharePoint Designer, but in detail you must first add css and javascript to page and then apply css classes to objects
  2. Create your own css and use it!
12.2k 8 8 gold badges 42 42 silver badges 64 64 bronze badges answered May 8, 2017 at 11:36 Yashar Aliabbasi Yashar Aliabbasi 121 6 6 bronze badges

With experience, I have on using the third party theme. They work fine if you can use them as it is. You will start seeing a problem if you want to change layouts structure or want to show a page in a different format. This takes a time to fix issues.

Then we have started using a bootstrap within 3 days we have converted our site to responsive design. But it requires knowledge of CSS, HTML, JavaScript, and Bootstrap.

Here are the steps we followed.

  1. Create a custom master page using SharePoint Designer.
  2. Add Bootstrap CSS and JS references to the master page design files.
  3. Create your custom page layouts using SharePoint designer.
  4. Use Bootstrap Grid System classes for your web part zones.
  5. You can design responsive web parts also.

Here is a basic article to understand how to use Bootstrap for SharePoint sites.