What is bootstrap used (concept) and bootstrap (concept)
Bootstrap is an open-source toolkit launched by Twitter for front-end development. It was developed by Twitter designer Mark Otto and Jacob Thornton. It is a CSS/HTML framework.
It is a WEB page framework (the most popular WEB Front-end framework at present). That is to say, you only need to write HTML tags to call its class, and you can quickly create a tall WEB page, you don't have to worry about compatibility issues. There are many styles for you to choose from!
For example, you need to do a website navigation, right? If you write it yourself, you need to write a lot of code, but if you use the bootstrap framework to write it, you only need to write the HTML Tag and call the class name!
Purpose:
Use the style and component provided by the website to quickly write a website
You only need to reference some defined classes, that is, the class name, to create a webpage with a very beautiful style, and support self-adaptation, is a very good framework.
========================================================== ============================================
To put it simply, it is an open-source project (based on Jquery) for quickly setting up the website front-end page ). You only need to understand the meanings of related classes and label names, and then import the JS and css of bootstrap when building the page, it will show the corresponding effect:
For example, HTML Description: Abbreviations. When you hover your mouse over abbreviations and acronyms, the complete content is displayed. Bootstrap enhances the style of HTML elements. The abbreviation element has the title attribute and its appearance is a shallow dotted box. When you move the cursor over it, it becomes a pointer with a question mark. When you need a paragraph text word or word to have the above effect, you just write it in that format. The additional class = "initialism" makes the font size smaller, or not. Conversely, if you do not use bootstrap or other similar frameworks, you have to write such effects on your own for a long time. Another example is the easyui of Jquery.
++ ++
Introduction to bootstrap packages
File Name:
Bootstrap.css
Bootstrap.min.css
Bootstrap-responsive.css
Bootstrap-responsive.min.css
Bootstrap. js
Bootstrap. min. js
Explanation:
Bootstrap.css is a complete bootstrap style table that has not been compressed and can be used for debugging during development.
Bootstrap.min.css finished
Bootstrap-responsive.css is the CSS style sheet needed after applying responsive layout to the bootstrap framework. If your website project is not prepared for responsive design, you don't need to reference this CSS.
Bootstrap-responsive.min.css and bootstrap.min.css are the compressed version of bootstrap-responsive.css.
Bootstrap. js is the soul of bootstrap and a collection of all js commands of bootstrap. You can see that all js effects in bootstrap are controlled by this file, this file is also an uncompressed version for debugging during development.
Bootstrap. min. js is bootstrap. javascript compressed version, content and bootstrap. js is the same, but the file size will be much smaller. When deploying a website, you can not reference bootstrap. js, instead of referencing this file ~~