Shulou(Shulou.com)06/03 Report--

This article introduces the knowledge of "how to install and use Bootstrap3.0". In the operation of practical cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

However, from the update of Visual Studio 2013, Microsoft has added a new version of Bootstrap3 to VS, so there is nothing to say, and there are no worries about learning Bootstrap3.

Download BootStrap

The documents on the official website are very detailed and simple, and there are many ways to download them. For us developers, it is estimated that the easiest way is to download the compiled and compressed CSS, JavaScript files, as well as font files, but not documentation and source files. After opening the unzipped package, you can find that it contains three folders css, fonts, and js.

You can view files in three folders

This is the most basic form of Bootstrap organization: uncompressed files can be used directly in any web project. We provide compressed (bootstrap.min.*) and uncompressed (bootstrap.*) CSS and JS files. The font icon file is from Glyphicons.

The jQuery versions supported by Bootstrap are listed in bower.json.

You can see the version of the dependent jQuery library > = 1.9.0.

Next, by visiting http://jquery.com/

I'll download the latest version 2.03.

You can access http://code.jquery.com/jquery-2.0.3.min.js directly through IE

Save it to the js folder under the Bootstrap folder.

Note: all Bootstrap plug-ins rely on jQuery. And we recommend using the compressed version in formal projects because it is very small (with annotated text and white space taken out).

Using Bootstrap in a web page

We created the simplest basic template.

The code is as follows:

Bootstrap Hello, world!

1. First of all, we can reference the style file of Bootstrap as a web page

The code is as follows:

two。 If you need to use Bootstrap architecture to provide JavaScript plug-ins, then you need to reference the js file link of the schema to the web page. It was also mentioned above that JavaScript plug-ins are dependent on jQuery libraries, so of course we also need to link to library files referencing jquery

The code is as follows:

3.viewport tag, which can be modified on most mobile devices to ensure proper drawing and touchscreen scaling.

The code is as follows:

4. We use some new tags of html5, so browsers below IE9 do not support these tags, nor can they be styled. So to fix this problem, we need to link to the referenced files as follows

The code is as follows:

This means that if the version of the user's IE browser is smaller than IE9, the two js libraries will be loaded, and the new tags can now be used and styles can be added to them.

That's it. Our simplest Hello World! The page is presented in front of everyone.

Summary

We have also enabled a responsive layout above. Of course, some sites may not need a responsive layout, we need to manually disable this layout, which is also described in detail in this document.

This is the end of "how to install and use Bootstrap3.0". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.