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

This article mainly shows you "what bootstrap can be used to do". The content is simple and easy to understand, and the organization is clear. I hope it can help you solve your doubts. Let Xiaobian lead you to study and learn this article "what bootstrap can be used to do".

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

Is a framework for doing web pages (currently the most popular WEB front-end framework), that is to say, you only need to write HTML tags to call its class, you can quickly do a tall web page, you do not have to worry about compatibility issues, provides 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 bootstrap framework to write, you only need to write HTML tags and call the class name!

Function:

It provides styles and components to quickly write websites

You only need to reference some well-defined classes, that is, class names, you can create a very beautiful style of web pages, and support adaptive, is a very good framework.

To put it simply:

Is a quick build website front-page open source project (based on Jquery). You only need to understand the meaning of the relevant class, tag name, etc., and then import the JS, css, etc. of bootstrap when building the page, it will show the corresponding effect:

For example, HTML descriptions: abbreviations; full content displayed when mouse hovering over abbreviations and abbreviations, Bootstrap implements enhanced styling of HTML elements. Abbreviations elements have title attributes and appear as boxes with lighter dotted lines that, when moved over, become pointers with question marks.

When you need paragraph text, a word or phrase needs to have the effect above, you just write it in that format, and the additional class="initialism" is to make the font smaller, or you don't have to. Conversely: if you don't try bootstrap or other similar frameworks, you'll have to write your own effects, which take a long time to develop. For example, JQuery's easyui is also similar.

A brief introduction to bootstrap packages

File name:

bootstrap.cssbootstrap.min.cssbootstrap-responsive.cssbootstrap-responsive.min.cssbootstrap.jsbootstrap.min.js

Explanation:

bootstrap.css is the complete bootstrap stylesheet, uncompressed, ready for debugging during development.

bootstrap.min.css is a compressed bootstrap style sheet, the content is exactly the same as bootstrap.css, but the unnecessary spaces in the middle are deleted, so the file size will be smaller than bootstrap.css, you can reference it when deploying the website, if you reference this file, there is no need to reference bootstrap.css

bootstrap-responsive.css This CSS is required after responsive layout is applied to the bootstrap framework. If your website project is not ready for responsive design, you do not need to reference this CSS.

bootstrap-responsive.min.css works the same as bootstrap.min.css, a compressed version of bootstrap-responsive.css

bootstrap.js This is where the soul of bootstrap lies. It is a collection of all js instructions of bootstrap. All js effects you see in bootstrap are controlled by this file. This file is also an uncompressed version for debugging during development.

bootstrap.min.js is a compressed version of bootstrap.js. The content is the same as bootstrap.js, but the file size will be much smaller. When deploying a website, you can not reference bootstrap.js, but instead reference this file ~~

That's all for "What bootstrap can do." Thanks for reading! I believe that everyone has a certain understanding, hope to share the content to help everyone, if you still want to learn more knowledge, welcome to pay attention to 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.