BootStrap getting started tutorial (1) visual layout, bootstrap getting started tutorial

BootStrap getting started tutorial (1) visual layout, bootstrap getting started tutorial

: Http://v3.bootcss.com/getting-started/#download

HTML template:

<! DOCTYPE html> 
Here, you can see that the jquery. js, bootstrap. min. js, and bootstrap.min.css files are included to change a regular HTML file to a template using Bootstrap.

Bootstrap CDN recommendation

The CDN service of Baidu's static resource library introduces the Code as follows:

<! -- The New Bootstrap core CSS file --> <link href = "http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel = "stylesheet"> <! -- Optional Bootstrap topic file (generally not used) --> <script src = "http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap-theme.min.css"> </script> <! -- JQuery file. Be sure to introduce it before bootstrap. min. js --> <script src = "http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"> </script> <! -- The latest Bootstrap core JavaScript file --> <script src = "http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"> </script>
Visual layout:


The Code is as follows:

<! DOCTYPE html> 
The effect is as follows:

References:

Http://www.runoob.com/bootstrap/bootstrap-environment-setup.html

Http://www.runoob.com/try/bootstrap/layoutit/

The preceding section describes the visual layout of the BootStrap getting started tutorial (I). I hope it will be helpful to you. If you have any questions, please leave a message, the editor will reply to you in a timely manner. Thank you very much for your support for the help House website!