In this post I'll explain how to use Bootstrap with ASP.net MVC project.
Create ASP.net MVC Internet web application. Using nuget search for Bootstrap and install it.
To make Demo.chtml, a responsive page, add bootstrap-responsive.min.css file after the bootstrap.min.css file. Then add viewport meta tag anywhere inside head tag. This allows mobile browsers to fit the entire web page inside the virtual display. Users can then zoom in on interesting content. However, if you set the viewport width to the actual device width, no zooming is required, because the content fits in the mobile browser.
Now the changed _MyLayoutPage.chtml look like below.
You can find the source code of this in GitHub.