Bootstrap cours

Extrait du cours Bootstrap

…..
Progress bars
The purpose of progress bars is to show that assets are loading, in progress, or that there is action taking place regarding elements on the page. Personally, I think that these elements are more an excercise in markup, and have little purpose beyond that in the Bootstrap framework. That being said, with thousand of people using Bootstrap, there are likely a few outliers that have a good reason. By nature, these are static elements, and need some sort of Javascript interaction to provide any interaction.
The default progress bar has a light background and a blue progress bar. To create, add a <div> with a class of .progress. And then inside, add an empty <div> with a class of .bar. Add a style attribute with the width in percentage. In the case below, I added style= »60% »; to indicate that the progress bar was at 60%.
…….

Sommaire: Bootstrap cours

Foreword
Preface
1. Bootstrap Scaffolding
What is Bootstrap
Bootstrap File Structure
Basic HTML Template
Global Styles
Default Grid System
Basic grid HTML
Offsetting Columns
Nesting columns
Excercise 1
Fluid Grid System
Container Layouts
Responsive Design
What is Responsive Design?
2. Bootstrap CSS
Typography
Headings
Emphasis classes
Lists
Code
Tables
Optional Table Classes
Table Row Classes
Forms
Optional Form Layouts
Supported Form Controls
Extending Form Controls
Form Control Sizing
Form Control States
Buttons
Button Sizes
Disabled Button Styling
Images
Icons
Glyphicon Attribution
Usage
3. Bootstrap Layout Components
Dropdown Menus
Options
Button Groups
Button Groups as Radio and Checkboxes
Buttons With Dropdowns
Split Button Dropdowns
Dropup Menus
Navigation Elements
Tabular Navigation
Basic Pills Navigation
Stackable Navs
Dropdowns
Navigation Lists
Tabbable Navigation
Navbar
Nav Links
Forms
Navbar Menu Variations
Breadcrumbs
Pagination
Pager
Labels and Badges
Badges
Typographic Elements
Page Header
Thumbnails
Alerts
Progress bars
Media Object
……