Bootstrap 3 how-to #1 download and Configuration

Source: Internet
Author: User
Tags bootstrap website getbootstrap

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.