London Dev Meetup Rescheduled! Due to unavoidable reasons, the event has been moved to 21st May. Speakers remain the same—any changes will be communicated. Seats are limited—register here to secure your spot!

Bootstrap integrated with EPiServer 7 CMS

Vote:
0

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
Vote:
0

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
Vote:
0

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

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

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.