Bootstrap

This project shows the use of Bootstrap.

Wikipedia says that:
"Bootstrap is a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. In June 2014 it was the No.1 project on GitHub with 71,000+ stars and 26,000+ forks, with a user base including MSNBC and NASA."

"Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter as a framework to encourage consistency across internal tools."

These technologies are used in this demo:
    Visual Studio 2013, C#, ASP.NET MVC, Razor, HTML, CSS, Bootstrap


Links:

Wikipedia - Bootstrap

Bootstrap Official Website



Buttons



Tables


Table without Bootstrap
First Name Last Name Phone Number
FirstALastA101-1001
FirstBLastB202-2002
FirstCLastC303-3003
FirstDLastD404-4004


Table with Bootstrap, class="table"
First Name Last Name Phone Number
FirstALastA101-1001
FirstBLastB202-2002
FirstCLastC303-3003
FirstDLastD404-4004


Table with Bootstrap, class="table table-striped"
First Name Last Name Phone Number
FirstALastA101-1001
FirstBLastB202-2002
FirstCLastC303-3003
FirstDLastD404-4004


Table with Bootstrap, class="table table-bordered"
First Name Last Name Phone Number
FirstALastA101-1001
FirstBLastB202-2002
FirstCLastC303-3003
FirstDLastD404-4004


Table with Bootstrap, class="table table-hover"
(Shows gray background when cursor hovers over row)
First Name Last Name Phone Number
FirstALastA101-1001
FirstBLastB202-2002
FirstCLastC303-3003
FirstDLastD404-4004


Table with Bootstrap, class="table", inside of responsive div
(Adds horizontal scroll bar for small devices, under width of 768 px)
First Name Last Name Phone Number
FirstALastA101-1001
FirstBLastB202-2002
FirstCLastC303-3003
FirstDLastD404-4004






(More stuff coming soon)

Close