Original: Why use Bootstrap?
Why use Bootstrap?
- mobile device First : Since Bootstrap 3, the framework includes a mobile device-first style throughout the library.
- browser support : Bootstrap is supported by all major browsers.
- Easy to get started: As long as you have the basic knowledge of HTML and CSS, you can start learning Bootstrap.
- Responsive Design : Bootstrap's responsive CSS adapts to desktops, tablets and phones. More details on responsive design are described in Bootstrap responsive design.
- It provides a simple and unified solution for developers to create interfaces.
- It contains powerful built-in components that are easy to customize.
- It also provides WEB-based customization.
- It's open-source.
Contents of the Bootstrap package
- basic Structure : Bootstrap provides a basic structure with a grid system, a link style, and a background.
- CSS: Bootstrap comes with the following features: Global CSS settings, defining basic HTML element styles, extensible class, and an advanced grid system.
- component : Bootstrap contains more than 10 reusable components for creating images, drop-down menus, navigation, warning boxes, pop-up boxes, and more
- JavaScript plugin : Bootstrap contains more than 10 custom JQuery plugins. You can include all of the plugins directly, or you can include them individually.
- Customization : You can customize Bootstrap components, less variables, and jQuery plugins to get your own version.
Online example
The Bootstrap tutorials on this site contain hundreds of examples.
You can edit the code online using our online editor and click the Run button to see the results.
Bootstrap instances
<div class= "container" > <p>create a responsive table with Alternating cell background color:</p> <div class= "table-responsive" > <table class= "Table Table-str iped table-bordered "> <thead> <tr> <th>#</th> <th>name</ th> <th>Street</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>anna awesome</td> <td>broome street</td> </tr> <tr> <td>2</td> <td>debbie dallas</td> <t D>houston street</td> </tr> <tr> <td>3</td> <td>joh n doe</td> <td>madison street</td> </tr> </tbody> </table> &L T;/div></div>
Why use Bootstrap?