Bootstrap(CSS Framework) is primarily about creating some reusable styles so we can extend the build on top that.
To start work with Bootstrap need to download files from http://getbootstrap.com/.
Include the files in your project on the same level i.e.Image folder should be on same level with CSS files. Then add the respective JS file reference.
Latest available Bootstrap CDN could be found at http://getbootstrap.com/getting-started/
# Bootstrap accomplish re-usability by using Semantic Class Names.
Descriptive class names such as success, error, info.
# Compositional Classes:
<table class=”table table-striped table-hover” />
Here the composite class table-striped & table-hover properties can also be overridden/extended. To do so we have to copy the specific bootstrap class code using chrome debugger tool, paste it into a new js file, change/ override the color/ property. Then have to add the new css file reference in application after bootstrap file load.
# Convention: can do thing if classes are placed at right place.Like:
Creating an unordered list inside pagination div.
Result will look like a strip of numbers.