What is bootstrap used (concept) and bootstrap (concept)

Source: Internet
Author: User

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 ~~

 

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.