Bootstrap 前端開發框架入門

What is Bootstrap?

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

1.Download Bootstrap: http://getbootstrap.com/

2.Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this:

This is the most basic form of Bootstrap: precompiled files for quick drop-in usage in nearly any web project.

3.Start with this basic HTML template:

4.Build on the basic template above with Bootstrap's many components.

Example1:

Codes:

<p>

        <button type="button" class="btn btn-lg btn-default">Default</button>

        <button type="button" class="btn btn-lg btn-primary">Primary</button>

        <button type="button" class="btn btn-lg btn-success">Success</button>

        <button type="button" class="btn btn-lg btn-info">Info</button>

        <button type="button" class="btn btn-lg btn-warning">Warning</button>

        <button type="button" class="btn btn-lg btn-danger">Danger</button>

        <button type="button" class="btn btn-lg btn-link">Link</button>

  </p>

5.More examples: http://getbootstrap.com/examples/theme/

6.Introduce PPT: Bootstrap前端開發框架.pptx