Bootstrap 3 is released. After a few simple steps, we can use the bootstrap style sheet, icons, and JavaScript to configure a simple site.
PreparationBootstrap 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:
DocumentIf 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.
DownloadYou 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 completeRegardless 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:
Bootstrap 3 how-to #1 download and Configuration
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
