The bootstrap of H5 frame (i.)

The bootstrap of H5 frame (i.)

In the next time, I will work with you on the current very popular front-end frame bootstrap speed learning, in the form of cases, to just start to learn bootstrap classmates and find not wildest is very helpful. If you want detailed study bootstrap, suggest go to http://noob.d8jd.com/noob/5.html here to study, say more, start to walk two steps ....

First step: Download Bootstrap

Look at this big B will know how NB, haha ~ ~ ~ ~

English also said it is the most popular html,css and JS framework, as to what its benefits, who use who know.

Official: http://getbootstrap.com/getting-started/#download

Chinese Web: http://v3.bootcss.com/getting-started/#download

Download the first one OH

After downloading the extract, the directory is basically like this:

bootstrap/├──css/│   ├──bootstrap.css│   ├──bootstrap.min.css│   ├──bootstrap-theme.css│   └── bootstrap-theme.min.css├──js/│   ├──bootstrap.js│   └──bootstrap.min.js└──fonts/    ├── Glyphicons-halflings-regular.eot    ├──glyphicons-halflings-regular.svg    ├── Glyphicons-halflings-regular.ttf    └──glyphicons-halflings-regular.woff

But your site is online, it is best to use it CDN inside the address, unless you can guarantee that your network special cattle break ...

To refer to a CDN address, simply add the following code between the head:

<link rel= "stylesheet" href= "Http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" > <!-- Optional bootstrap theme file (not typically introduced)-<link rel= "stylesheet" href= "http://cdn.bootcss.com/bootstrap/3.3.0/css/ Bootstrap-theme.min.css "> <!--jquery file. Be sure to introduce-<script src= "Http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js" ></script before Bootstrap.min.js > <!--latest Bootstrap core JavaScript file--<script src= "http://cdn.bootcss.com/bootstrap/3.3.0/js/ Bootstrap.min.js "></script>

Next: Hello Word

Case to start:

<! DOCTYPE html>
Look at the effect, "point here."
Note that to be friendly with your phone, add the following between the head:
<meta name= "viewport" content= "width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>
Specific meaning:
The height of the width-viewport width height-viewport
Initial-scale-Initial zoom ratio
Minimum-scale-Minimum scale to allow the user to zoom
Maximum-scale-Maximum scale to which the user is allowed to zoom
User-scalable-whether the user can manually scale
Again on the case:
<! DOCTYPE html>
Look at the effect, "point here."
-Reprint
The bootstrap of H5 frame (i.)