Bootstrap for use in Web pages

First, Bootstrap introduction:

Bootstrap is an open source toolkit for front-end development launched by Twitter. It was developed in collaboration with Twitter's designer Mark Otto and Jacob Thornton. Bootstrap Chinese official website Http://www.bootcss.com/,Bootstrap official website http://getbootstrap.com/

Second, Bootstrap Source:

less/, js/, and fonts/directories contain the source code for CSS, JS, and font icons respectively.

The dist/directory contains all the files in the pre-compiled Bootstrap package described above.

docs/contains source files for all documents

Examples/Catalogue is an example project provided by Bootstrap

Iii.. bootstrap file directory (pre-compiled version)

* Compiled CSS and JS (bootstrap.*) files

* Compressed CSS and JS (bootstrap.min.*) files

*css Source Mapping Table (BOOTSTRAP.*.MAP)

* Icon font from glyphicons

Iv. Description:

? Bootstrap plugins all rely on jQuery

? All JavaScript plugins for Bootstrap rely on jquery, so jquery must be introduced before Bootstrap, as shown in the basic template.

V. An example of implementation

(1):

(2) Code and its steps:

1) to bootstrap website download, Chinese site: http://www.bootcss.com/

<1> click on "Bootstrap3 Chinese document (v3.3.5)" as shown in.

<2> as shown in, click Download bootstrap

<3> Download the corresponding file

<4> things to look out for when importing files

2) refer to this website template http://getbootstrap.com/components/copy the required template corresponding code

3) Create your own code directory structure:

Description: Bootstrap.min.css, bootstrap.min.js, jquery.min.js are downloaded on the official website.

The contents of index.html are as follows:

<!--bootstrap.html--><! DOCTYPE html>
Vi. Summary:
Bootstrap official website has many examples can refer to, those code can direct reference, facilitates the front-end programmer to develop the webpage quickly. If you need to control a template, find its corresponding ID or class, and then constrain it within the CSS.


Bootstrap for use in Web pages