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

Today, I would like to share with you the relevant knowledge about how to use the Bootstrap front-end framework. The content is detailed and the logic is clear. I believe most people still know too much about this, so share this article for your reference. I hope you can get something after reading this article. Let's take a look.

Introduction to Bootstrap: Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive layout, mobile device-first WEB projects. In 2011, a "handful" of twitter engineers spent their spare time building an easy-to-use, elegant, flexible and extensible front-end toolset for their products, BootStrap, in order to improve their internal analysis and management skills. Bootstrap was designed and built by MARK OTTO and Jacob Thornton, and after it was open source on github, it quickly became the most popular watch&fork project on the site. A large number of engineers enthusiastically contribute code to the project, the community is amazingly active, the code version evolves very quickly, the official document quality is extremely high, at the same time, many websites based on Bootstrap have emerged: the interface is fresh and simple, and the elements are neat and generous. The characteristics of Bootstrap: simple and flexible can be used to build popular user interface and interactive interface of HTML, CSS, JavaScript toolset. Bootstrap based on HTML5 and CSS3 has a large number of attractive features: friendly learning curve, excellent compatibility, responsive design, 12-column grid, style wizard documentation, custom JQuery plug-ins, complete class libraries, based on Less, etc. Advantages of Bootstrap:

1. A lot of CSS styles and JS plug-ins are defined to improve the productivity of developers.

two。 Responsive layout, the page can be compatible with different resolution devices.

3. Rich components to provide users with a better visual experience. Bootstrap Quick start 1. Download [Bootstrap]. two。 Introduce Bootstrap into the project. 3. Create a HTML page:

Introduce the necessary resource files of Bootstrap and refer to the basic template. Note that the jquery.js file is missing, so you need to download the js folder imported into Bootstrap.

The basic template code is as follows:

Hello, Bootstrap HelloWorld, World! 2.Bootstrap responsive layout [Grid system] Bootstrap provides a responsive, mobile device-first streaming grid system that automatically divides into up to 12 columns as the screen or viewport (viewport) size increases. It contains predefined classes that are easy to use and a powerful mixin for generating more semantic layouts. These are all the contents of this article entitled "how to use the Bootstrap Front-end Framework". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please 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.