Bootstrap 3 is released. After a few simple steps, we can use the bootstrap style sheet, icons, and JavaScript to configure a simple site.
Preparation
Bootstrap is not only a code set, but also an online community. To get started, you need to start with a familiar Bootstrap Website: http://getbootstrap.com.
The current version is 3.0. You should see the above page.
Here, you can find the following content:
Document
If this is your first visit to this site, take a cup of hot tea, carefully read the page of this website, view each component, read the detailed instructions, and immerse yourself in it, you will find it interesting.
Download
You can get the latest Bootstrap version: style sheet, script, plug-in, and icon. It has been fully processed and can be used directly and encapsulated in a compressed package. We will start from here.
How to complete
Regardless of your current level, I will take you through all the steps.
1. Visit the bootstrap home page: http://getbootstrap.com
2. Click the download Bootstrap button and you will download a file named bootstrap-3.0.0.zip.
3. Find the downloaded file and decompress it. You will see a folder named Bootstrap-3.0.0, in which you will see the following file structure.
The Dist folder contains the main files we use.
4. In the navigation menu of the home page, click getting started.
5. Find the example link in the navigation link on the left: Examples
6. Find the first example starter template and download and save it. You can also find it in the bootstrap-3.0.0 \ examples \ starter-template folder, which contains two files.
You are ready!
The file content should be as follows:
<!DOCTYPE html>
The starter-template.css file content is as follows:
body { padding-top: 50px;}.starter-template { padding: 40px 15px; text-align: center;}
Open this page and you should see the following content.
Congratulations! Your first Bootstrap site has started to work.
Is there a problem? Don't worry. If your page looks different from the above, let's look at the problem:
- Is the folder and file name correct?
- Is the path of the style sheet file and script file correct?
Bootstrap 3 how-to #1 download and Configuration