Tips: Designing Views and Using Bootstrap

When you create MVC project with Visual Studio, by default Bootstrap is ready to use.  Bootstrap is mobile friendly CSS, ready to use out of the box. If you are not ultra picky about design, I recommend to use it.  And even if you are, you can still use Bootstrap as a base and make great views.

Here is my memo for design Views.

Bootstrap is mobile first design, so do design in mobile mode first, then create desktop / tablet design using media specific customizes CSS properties.

Example below, if the screen width is more than 768px, then apply this CSS properties, which give 150px padding at top.

for less (and more screen sizes)

 

Reference:

Bootstrap http://getbootstrap.com/

Leave a Reply