Shulou(Shulou.com)06/03 Report--

Editor to share with you what the role of bootstrap, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to understand it!

Bootstrap is an open source toolkit released by Twitter for front-end development. It is a CSS/HTML framework developed by Twitter designers Mark Otto and Jacob Thornton.

Is a framework to do web pages (currently the most popular WEB front-end framework), that is, you only need to write HTML tags to call its classes, you can quickly do a high-end web page, you do not have to worry about compatibility, provide a lot of 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, you just need to write the HTML tag and call the class name!

Function:

Quickly write a website with the styles and components it provides

You only need to refer to some defined classes, that is, the class name, to create a web page that already has a very beautiful style, and supports self-adaptation, which is a good framework.

To put it simply: it is an open source project to quickly build the front page of the website (based on Jquery). You only need to know the meaning of the relevant class, tag names, etc., and then when building the page, import bootstrap's JS, css, etc., and it will show the corresponding effect: for example, HTML description: acronyms; when the mouse hovers over acronyms and acronyms, the full content will be displayed, and Bootstrap implements the enhanced style of HTML elements. The acronym element has a title attribute and appears as a shallow dotted frame that becomes a pointer with a "question mark" when the mouse moves over it. When you need paragraph text for a word or word that needs to have the effect above, you can just write it in that format. The additional class= "initialism" is to make the font smaller, or not. On the other hand: if you don't try bootstrap or other similar frameworks, you'll have to write this effect yourself, and it will take a long time to develop. Or, for example, Jquery's easyui, the same is true.

A brief introduction to bootstrap portfolio

File name:

Bootstrap.cssbootstrap.min.cssbootstrap-responsive.cssbootstrap-responsive.min.cssbootstrap.jsbootstrap.min.js

Explanation:

Bootstrap.css is a complete bootstrap stylesheet, uncompressed, available for debugging when developing bootstrap.min.css is a compressed bootstrap stylesheet, the content is exactly the same as bootstrap.css, but the unnecessary spaces in the middle and other things are deleted, so the file size will be smaller than bootstrap.css, you can reference when deploying the website, if you reference this file There is no need to refer to bootstrap.css bootstrap-responsive.css, which is the CSS stylesheet required after applying a responsive layout to the bootstrap framework. If your website project is not going to do a responsive design, you do not need to reference this CSS. The function of bootstrap-responsive.min.css and bootstrap.min.css is the same as the compressed version of bootstrap-responsive.css, bootstrap.js, which is the soul of bootstrap and the collection of all the js instructions of bootstrap. You can see that all the js effects in bootstrap are controlled by this file, and this file is also an uncompressed version. Bootstrap.min.js is a compressed version of bootstrap.js for development debugging, and the content is the same as bootstrap.js. But the file size will be much smaller, when deploying the website, you can not reference bootstrap.js, but instead refer to this file. ~ the above is all the contents of this article "what is the purpose of bootstrap?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.