Responsive Web Design using Bootstrap

David Pearson asked on August 1, 2014 15:24

I believe Kentico has bootstrap, is this correct? I am also looking for some guides on doing Responsive Web Design for Kentico.

Thanks

Correct Answer

Joshua Adams answered on August 1, 2014 21:15

Kentico uses bootstrap for the backend of the site, however, I think you would need to implement your own templates with bootstrap if you wanted to make your front end site responsive. The bootstrap documentation should have most of the documentation that you would need, just see how you want things to render in the bootstrap css, then wrap kentico's webparts and transformations in the appropriate classes.

0 votesVote for this answer Unmark Correct answer

Recent Answers


Charles Matvchuk answered on August 4, 2014 18:51

We have had tremendous success using bootstrap and Kentico V8. The way we do it is, is to use the LESS Sheets (Variables) and the Kentico Less Preprocessor and the Bootstrap CSS. This way I can change the look and feel of the whole site (Which we now have 84 sections and 324,000 pages) instantly by just changing the variables. This way the variables are compiled on the fly. What I recommend is that you thoroughly read the Bootstrap documentation. There are some tweaks that need to be made to the Master Page Header and some embedded JavaScript, but after that it works great.

0 votesVote for this answer Mark as a Correct answer

Charles Matvchuk answered on August 4, 2014 18:55

Don't forget the settings for your viewport, this way it will only scroll vertically giving it pure mobile phone app feel. (the scalable=no is very important. experiment with it both ways).

0 votesVote for this answer Mark as a Correct answer

David Pearson answered on August 6, 2014 15:09

Thanks Charles and Joshua,

I was able to tap the bootstrap css from within editing the portal templates. I discover I need to do a little extra to implement within the templates since the bootstrap styles can only access if I am in log into the CMS.

I will look into the LESS Sheets.

David

0 votesVote for this answer Mark as a Correct answer

Joshua Adams answered on August 6, 2014 15:50

Good to hear David! Let us know how LESS research goes, I've never worked with it, but it seems pretty powerful.

0 votesVote for this answer Mark as a Correct answer

   Please, sign in to be able to submit a new answer.