Hi, i need to use the buttons, styles provided by the Bootstrap framework , but i am not sure how can i use it inside my asp.net mvc application, so or shouldnot i do the folloiwng:-
1. replace the whole.css which come by default with asp.net mvc , by the new .css file provided by the bootstrap. Or i should add the join the two files?
2. what about the _layout view which is provided by the asp.net mvc? will it work out-of-the-box with the new bootstap .css file?
And yes you'll likely have to move some things around and change some of the _layout as well. Bootstrappers are meant to easily get a head start in the beginning of a project. As with all things related to UI and look & feel it's harder to put it in near
the end of the project and takes more time.
Grz, Kris.
Read my blog | Twitter Interested in Azure, ASP.NET (MVC), jQuery, WCF, EF, MS SQL, ...
Keep the forums clean: report to the moderation team!
Marked as answer by johnjohn123123 on Dec 24, 2012 12:29 PM
johnjohn1231...
Participant
929 Points
885 Posts
How to use the Bootstrap front-end framework inside my asp.net mvc web application
Dec 24, 2012 09:49 AM|LINK
Hi, i need to use the buttons, styles provided by the Bootstrap framework , but i am not sure how can i use it inside my asp.net mvc application, so or shouldnot i do the folloiwng:-
1. replace the whole.css which come by default with asp.net mvc , by the new .css file provided by the bootstrap. Or i should add the join the two files?
2. what about the _layout view which is provided by the asp.net mvc? will it work out-of-the-box with the new bootstap .css file?
BR
XIII
All-Star
182787 Points
23484 Posts
ASPInsiders
Moderator
MVP
Re: How to use the Bootstrap front-end framework inside my asp.net mvc web application
Dec 24, 2012 10:04 AM|LINK
Hi,
which specific bootstrapper are you making use of? There's quite many nowadays.
There have been made several project templates and Nuget packages already to insert Twitter bootstrapper to your project: http://www.google.be/#hl=nl&tbo=d&sclient=psy-ab&q=add+twitter+bootstrap+to+mvc&oq=add+twitter+bootstrap+to+mvc&gs_l=hp.3..0i19.810.8380.0.9248.23.18.0.5.5.1.223.2223.7j10j1.18.0...0.0...1c.1.lHUiNsm8ztY&pbx=1&bav=on.2,or.r_gc.r_pw.r_qf.&bvm=bv.1355534169,d.d2k&fp=47f89730036d7159&bpcl=40096503&biw=1920&bih=955.
Grz, Kris.
Interested in Azure, ASP.NET (MVC), jQuery, WCF, EF, MS SQL, ...
Keep the forums clean: report to the moderation team!
Sujeet Saste
Contributor
3014 Points
575 Posts
Re: How to use the Bootstrap front-end framework inside my asp.net mvc web application
Dec 24, 2012 10:04 AM|LINK
Add css by bootstrap as new .CSS and use its classes.
It will work fine, but it may conflict with any existing class name of MVC .CSS and result in misaligned layouts.
but as per my consideration it is not going to happen.
Lets check.
Do FEAR (Face Everything And Rise)
Please mark as Answer if my post helps you..!
My Blog
johnjohn1231...
Participant
929 Points
885 Posts
Re: How to use the Bootstrap front-end framework inside my asp.net mvc web application
Dec 24, 2012 10:21 AM|LINK
Thanks for your reply. i am refering to this
http://twitter.github.com/bootstrap/
BR
XIII
All-Star
182787 Points
23484 Posts
ASPInsiders
Moderator
MVP
Re: How to use the Bootstrap front-end framework inside my asp.net mvc web application
Dec 24, 2012 12:21 PM|LINK
Hi,
you might want to follow the steps explained in here: http://css.dzone.com/articles/getting-started-twitter.
And yes you'll likely have to move some things around and change some of the _layout as well. Bootstrappers are meant to easily get a head start in the beginning of a project. As with all things related to UI and look & feel it's harder to put it in near the end of the project and takes more time.
Grz, Kris.
Interested in Azure, ASP.NET (MVC), jQuery, WCF, EF, MS SQL, ...
Keep the forums clean: report to the moderation team!