Bootstrap is a very popular front-end framework. Simply put, it is a tool set for html, css, and javascript. We can use bootstrap to build a simple and fresh website or software interface. With bootstrap, back-end developers no longer have to worry about building the front-end interface.
bootstrap is an open source toolkit for front-end development launched by Twitter, a CSS/HTML framework. bootstrap provides elegant HTML and CSS specifications, which are written in the dynamic CSS language Less. It is a popular open source project on Github.
It is developed based on the jQuery framework and is more humanized and personalized based on the jQuery framework, forming a set of its own unique website style and is compatible with most jQuery plug-ins.
Bootstrap (1) contains a wealth of web components, based on these components, you can quickly build a beautiful and fully functional website. It includes the following components: drop-down menu, button group, button drop-down menu, navigation, navigation bar, breadcrumbs, paging, typesetting, thumbnails, warning dialogs, progress bars, media dialogs, etc. (2) It comes with 13 jQery plugins, which give life to components in bootstrap. These include: mode dialog boxes, tabs, scroll bars, pop-up boxes, etc.
The description of Bootstrap on Chinese website is:
Bootstrap
A simple, intuitive and powerful front-end development framework makes web development faster and simpler.
Download: http://v3.bootcss.com/
After downloading, you can see the following directories and files, which are placed in different directories according to the category. And two versions are available: compressed and uncompressed.
After downloading the compressed package, unzip it into any directory and you will see the following directory structure:
This is the most basic Bootstrap organization: uncompressed files can be used directly in any web project. We provide compressed (bootstrap.min.*) and uncompressed (bootstrap.*) CSS and JS files. Font icon file is from Glyphicons.
Basic template
Use this super simple HTML template given below, or modify these cases. It is recommended to modify these cases according to your own needs, rather than simply copying or pasting them.
Copy and paste the HTML code given below, this is the easiest Bootstrap page.
<!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script> <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </head> <body> <h1>Hello, world!</h1> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script> </body> </html>
The above is the relevant knowledge about bootstrap learning notes introduced to you by the editor. I hope it will be helpful to you!