November Happy Hour will be moved to Thursday December 5th.

AI OnAI Off

Bootstrap integrated with EPiServer 7 CMS

ben.xinpei.guo@gmail.com
ben.xinpei.guo@gmail.com
Vote:
 

Hi there, 

I am wondering if EPiServer can be integrated with Bootstrap framework to create templates? 

If so, anyone has any suggestions? Is the Alloy sample site using Bootstrap framework to design? 

Thanks!

#70824
May 01, 2013 14:40
Neil Perry
Neil Perry
Vote:
 

Yes - Alloy sample is using Bootstrap 

Web Form Templates

http://world.episerver.com/Articles/Items/ASPNET-MVC-Templates-for-EPiServer-7-CMS/

I started with the Alloy MVC 

MVC Templates

http://world.episerver.com/Download/Items/EPiServer-CMS/EPiServer-7---CMS/EPiServer-7-MVC-Templates/

Using the MVC I then looked at structure and built a site to a custom bootstrap grid of 24 based on design.

The main things to look for are in global.cs

e.g.

  • ContentAreaWidths
  • ContentAreaTagWidths (Dictionary)
  • ContentAreaTags

 

You will also have to extend Resources\LanguageFiles\EditorHints.xml for preview sizes.

 

You can extend and change all of these as well as creating a custom bootstrap for your design

http://twitter.github.io/bootstrap/customize.html

 

Hope that helps to get you started.

 

 

#70827
Edited, May 01, 2013 15:22
ben.xinpei.guo@gmail.com
ben.xinpei.guo@gmail.com
Vote:
 

So Alloy is using MVC as well, isn't it? 

#70942
May 06, 2013 2:57
Vote:
 
#70944
May 06, 2013 8:19
valdis
valdis
Vote:
 

If you are using Bootstrap v3 - this package may become handy. 

http://nuget.episerver.com/en/OtherPages/Package/?packageId=EPiBootstrapArea

#81177
Feb 11, 2014 10:32
This thread is locked and should be used for reference only. Please use the Episerver CMS 7 and earlier versions forum to open new discussions.
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.