【3】Bootstrap download and directory structure_html/css_WEB-ITnose

【1】Download

Go to the Chinese official website to download http://www.bootcss.com/

If you are doing web page exercises, you can use CDN Accelerate the service and eliminate the pain of downloading. Of course, you must be connected to the Internet when using it. China’s official website also provides many types of CDN acceleration services. I will just paste the official website’s own CDN acceleration service here.

<!-- 最新 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css"><!-- 可选的Bootstrap主题文件（一般不用引入） --><link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css"><!-- jQuery文件。务必在bootstrap.min.js 之前引入 --><script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script><!-- 最新的 Bootstrap 核心 JavaScript 文件 --><script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>

Since Bootstrap provides a precompiled version and a source code version, here we only download the precompiled Bootstrap version. For those who want to know more about it, you can download the source code version yourself. In the future learning process, we will also mainly use the precompiled version, unless there are special instructions.

【2】Directory structure (instructions are mentioned in the CDN acceleration service)

We found 2 problems in this structure

1 , css files and js files all provide min version, which means that the bootstrap.css file is called bootstrap.min.css after compression. Everything else is the same. It depends on your personal preference when using it. Of course, I recommend using min. version.

2. Isn’t it said that all JavaScript plug-ins in Bootstrap depend on jQuery? Why is it not included in this structure?

We only need to look at the official website documentation to find out about this problem

Bootstrap relies on jQuery

Please note that all JavaScript plug-ins depend on jQuery, so jQuery must be introduced before Bootstrap, as shown in the base template. The jQuery versions supported by Bootstrap are listed in the bower.json file.

When we click on the bower.json file link, it will jump to https://github.com/twbs/bootstrap/blob/v3.0.3/bower.json

From here we can see that the JQuery version used by Bootstrap-v3.0.3 is greater than version 1.9.0. As for downloading JQuery, go to Baidu or Google yourself. If you are lazy, just use the one I posted at the top. The JQuery address in the CDN acceleration service comes out.