Bootstrap Introductory book (0) Bootstrap introduction _javascript Tips

What is bootstrap?

Bootstrap is a front-end framework for rapid development of Web applications and Web sites. Bootstrap is based on HTML, CSS, and JAVASCRIPT.

Bootstrap is an Open-source product released on GitHub in August 2011. Bootstrap was developed by Twitter's Mark Otto and Jacob Thornton.

Based on HTML5 and CSS3, the bootstrap has the following tempting features:

(1) Mobile Equipment preferred;

(2) beautiful design;

(3) a friendly learning curve;

(4) excellent compatibility;

(5) Response type design;

(6) 12-row grid structure of response;

(7) Style wizard document.

Custom jquery plugin, complete class library, based on less, sass, etc.

Bootstrap download

Can be downloaded in the Civil service network, you can obviously see a large download button, in addition to the Cdn,git command, as well as NPM and other ways to download.

If you happen to read my sublime text blog, you will know that we can install it directly through the plugin. Just enter fecth:manage when CTRL + SHIFT + P, and make the following settings:

"Packages":
{
"Bootstrap": "https://github.com/twbs/bootstrap/releases/download/v3.3.6/ Bootstrap-3.3.6-dist.zip "
}

Then you can directly download the sublime text, or just the steps, but this time the input is fetch:package. Find Bootstrap, if the download is successful in your folder should be able to see the main includes three folders CSS, fonts and JS, as follows:

You can see that there are two different versions of each file in the folder except the font folder, a full version of the file, easy to see source code such as: Bootstrap.js and a compressed file for actual production such as bottstrap.min.js;

You can see a lot of files in the font file, but its function is very simple, is used to make icon icons files, using the CSS3 @font-face technology.

In fact, if you still want to use more icons, you can also iconfont-Alibaba vector icon Library, find your own settings.

Bootstrap Standard Template

<! DOCTYPE html>  

Global style

Bootstrap framework is the core of lightweight CSS Base Code library, he did not blindly reset style, but focus on the basic performance of the browser, reduce development difficulties.

To enhance the consistency of cross-browser performance, Bootstrap uses NORMALIZE.CSS. But not blindly use the reset style, but on the basis of a number of improvements to make it more in line with bootstrap design ideas.

Bootstrap retains and adheres to some of the browser's underlying styles, solves some of the potential problems, promotes some details, and sets the basic global style in typography and link styles. The details are as follows:

Remove margin declaration of body

Sets the background color of the body to white

Basic font, font size, and line height for typography

Sets the global link color, and the underline style is displayed when the link is suspended: hover state

Bootstrap introduction part to this end, in Bootstrap's Chinese official website, has the level clear and detailed instruction document, below and I walk into

The world of Bootstrap!