What Is Bootstrap?
Bootstrap is a free collection of tools for creating websites and web applications. It contains […]
Bootstrap
Bootstrap File Structure
The Bootstrap download includes three folders: css, js, and img. For simplicity, add these to […]
Basic HTML Template
Normal Webpage Output Hello, world! Webpage with Bootstrap Output Hello, world! With Bootstrap, we include […]
Default Grid System
Live grid example The default Bootstrap grid system utilizes 12 columns, making for a 940px […]
Offsetting columns
Move columns to the right using .offset* classes. Each class increases the left margin of […]
Nesting columns
To nest your content with the default grid, add a new .row and set of […]
Fluid grid system
Live fluid grid example The fluid grid system uses percents instead of pixels for column […]
Fluid offsetting
Operates the same way as the fixed grid system offsetting: add .offset* to any column […]
Fluid nesting
Fluid grids utilize nesting differently: each nested level of columns should add up to 12 […]
Fixed layout
Provides a common fixed-width (and optionally responsive) layout with only <div class=”container”> required.
Fluid layout
Create a fluid, two-column page with <div class=”container-fluid”>—great for applications and docs. Example
Responsive design
Enabling responsive features Turn on responsive CSS in your project by including the proper meta […]
Headings (Bootstrap)
All six standard heading levels have been styled in Bootstrap, with the <h1> at 36 […]
Lead Body Copy
To add some emphasis to a paragraph, add class=”lead”. This will give you larger font […]
Emphasis
Small text For de-emphasizing inline or blocks of text, use the <small> tag to set […]
Abbreviations
Stylized implementation of HTML’s <abbr> element for abbreviations and acronyms to show the expanded version […]