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

This article will give you a detailed explanation of what is in bootstrap. The editor thinks it is very practical, so I share it with you for reference. I hope you can get something after reading this article.

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! (recommended study: Bootstrap video tutorial)

Include content

Basic structure: Bootstrap provides a basic structure with grid system, link style, and background.

CSS:Bootstrap comes with the following features: global CSS settings, defining basic HTML element styles, extensible class, and an advanced grid system.

Components: Bootstrap contains more than a dozen reusable components for creating images, drop-down menus, navigation, warning boxes, pop-up boxes, and so on.

JavaScript plug-ins: Bootstrap contains more than a dozen custom jQuery plug-ins. You can include all plug-ins directly, or you can include them one by one.

Customization: you can customize Bootstrap components, LESS variables, and jQuery plug-ins to get your own version.

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 quote bootstrap.js, but refer to this file instead. I hope the above content can help you to some extent, so that you can learn more knowledge. if you think the article is good, please share it out for more people to see.

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.