Index

A

• alerts
  • about / Alerts
  • color variants / Alerts

B

• .btn-danger class / Creating a shopping cart using modals
• .btn-sm class / Creating a shopping cart using modals
• badges, Bootstrap
  • about / Bootstrap labels and badges
• blockquotes
  • about / Blockquotes
• Bootstrap
  • using, with Rails / Why Bootstrap with Rails?
  • about / Why Bootstrap with Rails?, What is Bootstrap?
  • installing, in Rails project / Installing Bootstrap in a Rails project
  • files, placing in Rails project / Placing Bootstrap files in a Rails project
  • URL / Placing Bootstrap files in a Rails project
  • Sass way / Bootstrap – the Sass way
  • through CDN / Bootstrap through CDN
  • grid system / What is Bootstrap's grid system?
  • images, styling / Styling images in Bootstrap
  • helper classes / Styling images in Bootstrap
  • labels / Bootstrap labels and badges
  • badges / Bootstrap labels and badges
  • jumbotrons / Bootstrap jumbotrons
  • modals / Getting started with modals
  • data-interval attribute / Customizing Carousel
  • data-pause attribute / Customizing Carousel
  • data-wrap attribute / Customizing Carousel
• Bootstrap-sass
  • adding, to Rails application / Adding Bootstrap-sass to a Rails application
• Bootstrap button, attributes
  • active state / Creating and styling buttons
  • disabled state / Creating and styling buttons
• Bootstrap Carousel
  • about / Getting started with Bootstrap Carousel
• Bootstrap components
  • breadcrumbs / Bootstrap Breadcrumbs
  • pagination component / The pagination component
  • labels / Bootstrap labels and badges
  • badges / Bootstrap labels and badges
  • jumbotrons / Bootstrap jumbotrons
  • alerts / Alerts
  • panels / Panels
• Bootstrap forms
  • creating / Creating Bootstrap forms
  • validation classes / Validation classes in Bootstrap forms
  • adding, to Rails application / Adding Bootstrap forms to our Rails application
• Bootstrap modals
  • about / Getting started with modals
  • creating / Getting started with modals
  • size, changing / Changing Bootstrap's modal size
  • .modal-lg class / Changing Bootstrap's modal size
  • No class / Changing Bootstrap's modal size
  • .modal-sm / Changing Bootstrap's modal size
  • features / Additional Bootstrap modal features
  • remote content, fetching from / Fetching remote content from a Bootstrap modal
  • using, in Rails application / Using Bootstrap's modal in a Rails application
  • used, for creating shopping cart / Creating a shopping cart using modals
• Bootstrap table
  • creating / Creating Bootstrap tables
  • helper classes / Creating Bootstrap tables
  • contextual classes / Creating Bootstrap tables
  • adding, to Rails application / Adding Bootstrap tables to our Rails application
• breadcrumbs
  • about / Bootstrap Breadcrumbs
• bundle install command / Setting up a Todo application in Rails
• buttons
  • styling / Creating and styling buttons
  • creating / Creating and styling buttons
  • classes, for different colors / Creating and styling buttons
  • btn-primary class / Creating and styling buttons
  • btn-info class / Creating and styling buttons
  • btn-success class / Creating and styling buttons
  • btn-warning class / Creating and styling buttons
  • btn-danger class / Creating and styling buttons
  • btn-default class / Creating and styling buttons
  • btn-link class / Creating and styling buttons
  • btn-lg class / Creating and styling buttons
  • btn-sm class / Creating and styling buttons
  • btn-xs class / Creating and styling buttons
  • No class class / Creating and styling buttons

C

• captions
  • adding, to slides / Adding captions to the slides
• carousel
  • customizing / Customizing Carousel
• CDN
  • about / Bootstrap through CDN
• cdnjs
  • URL / Bootstrap through CDN
• CDN method / Adding Bootstrap-sass to a Rails application
• CloudFlare
  • URL / Bootstrap through CDN
• contextual classes, Bootstrap table
  • active / Creating Bootstrap tables
  • success / Creating Bootstrap tables
  • danger / Creating Bootstrap tables
  • info / Creating Bootstrap tables
  • warning / Creating Bootstrap tables
• CSS
  • used, for styling CSS / Styling views using CSS

D

• data-target attribute / Getting started with modals
• data-toggle attribute / Getting started with modals

E

• elements
  • using, as Bootstrap’s button / Which elements are eligible to use Bootstrap's button classes?

F

• features, Bootstrap modals
  • data-backdrop / Additional Bootstrap modal features
  • data-keyboard / Additional Bootstrap modal features
  • data-show / Additional Bootstrap modal features
• folder structure, Rails application
  • analyzing / Analyzing folder structure of a Rails application
  • app folder / Analyzing folder structure of a Rails application
  • assets folder / Analyzing folder structure of a Rails application
  • controllers folder / Analyzing folder structure of a Rails application
  • helpers folder / Analyzing folder structure of a Rails application
  • mailers folder / Analyzing folder structure of a Rails application
  • models folder / Analyzing folder structure of a Rails application
  • views folder / Analyzing folder structure of a Rails application
• font-weight property / Redesigning the Todo application

G

• Google Hosted Libraries
  • URL / Bootstrap through CDN
• grid system, Bootstrap
  • about / What is Bootstrap's grid system?
  • implementing, in Rails application / Implementing Bootstrap's grid system in a Rails application

H

• helper classes, Bootstrap
  • img-rounded / Styling images in Bootstrap
  • img-circle / Styling images in Bootstrap
  • img-thumbnail / Styling images in Bootstrap
• helper classes, Bootstrap table
  • .table-hover / Creating Bootstrap tables
  • .table-condensed / Creating Bootstrap tables
• helper classes, navigation bar
  • .navbar-btn / Navigation bar helper classes
  • .navbar-text / Navigation bar helper classes
  • .navbar-link / Navigation bar helper classes
  • .navbar-fixed-top / Navigation bar helper classes
  • .navbar-fixed-bottom / Navigation bar helper classes
  • .active / Navigation bar helper classes
• helper classes, pagination component
  • .disabled / The pagination component
  • .pagination-lg / The pagination component
  • .pagination-sm / The pagination component
• Hybrid applications / What is Bootstrap?

I

• images, Bootstrap
  • styling / Styling images in Bootstrap

J

• jumbotrons
  • about / Bootstrap jumbotrons

L

• .lead class / Styling typography
• labels, Bootstrap
  • about / Bootstrap labels and badges
  • colors / Bootstrap labels and badges
• Less variables
  • URL / Customizing Bootstrap through variables
• listing elements
  • styling / Styling listing elements

M

• .modal-content class / Getting started with modals
• .modal-dialog class / Getting started with modals
• mobile first framework / What is Bootstrap?

N

• navigation bar
  • about / Getting started with a navigation bar
  • .navbar-header section / Getting started with a navigation bar
  • .navbar-collapse section / Getting started with a navigation bar
  • helper classes / Navigation bar helper classes
  • adding, to Rails application / Adding a navigation bar to the Rails application
• nesting columns
  • creating / Nesting columns

P

• pagination component
  • about / The pagination component
  • helper classes / The pagination component
• panels
  • about / Panels
  • example / Panels
  • colors / Panels
• progress bar
  • creating / Creating a progress bar
  • color, changing / Creating a progress bar

R

• Rails
  • about / Why Bootstrap with Rails?
  • Todo application, setting up / Setting up a Todo application in Rails
• Rails application
  • folder structure, analyzing / Analyzing folder structure of a Rails application
  • traditional styling, challenges / Challenges in styling a Rails application traditionally
  • Bootstrap’s grid system, implementing / Implementing Bootstrap's grid system in a Rails application
  • Bootstrap table, adding to / Adding Bootstrap tables to our Rails application
  • Bootstrap forms, adding to / Adding Bootstrap forms to our Rails application
  • navigation bar, adding to / Adding a navigation bar to the Rails application
  • Bootstrap modals, using / Using Bootstrap's modal in a Rails application
  • Bootstrap-sass, adding / Adding Bootstrap-sass to a Rails application
• Rails project
  • Bootstrap, installing / Installing Bootstrap in a Rails project
  • Bootstrap files, placing / Placing Bootstrap files in a Rails project
• remote content
  • fetching, from Bootstrap modals / Fetching remote content from a Bootstrap modal
• Ruby on Rails / Why Bootstrap with Rails?

S

• Sass
  • about / Why Bootstrap with Rails?
• shopping cart
  • symbol, adding / Adding a shopping cart symbol
  • creating, with Bootstrap modals / Creating a shopping cart using modals, Summary
• sizing classes, Bootstrap
  • .input-lg / Creating Bootstrap forms
  • .input-sm / Creating Bootstrap forms
• slides
  • captions, adding / Adding captions to the slides
• static website setup
  • using / Setting up

T

• text
  • aligning / Aligning text
  • transforming / Text transformation
• text-nowrap class / Aligning text
• Todo application
  • setting up, in Rails / Setting up a Todo application in Rails
  • redesigning / Redesigning the Todo application
  • Homepage, styling / Redesigning the Todo application
• typography
  • styling / Styling typography
  • features / Styling typography
  • text, aligning / Aligning text
  • text, transforming / Text transformation
  • blockquotes / Blockquotes
  • listing elements, styling / Styling listing elements

V

• validation classes, Bootstrap forms
  • about / Validation classes in Bootstrap forms
  • .has-error / Validation classes in Bootstrap forms
  • .has-warning / Validation classes in Bootstrap forms
  • .has-success / Validation classes in Bootstrap forms
  • Bootstrap table, adding to Rails application / Adding Bootstrap tables to our Rails application
  • Bootstrap forms, adding to Rails application / Adding Bootstrap forms to our Rails application
• variables
  • Bootstrap, customizing through / Customizing Bootstrap through variables
• views
  • creating / Creating views
  • application task / Creating views
  • styling, with CSS / Styling views using CSS
  • Todo application, redesigning / Redesigning the Todo application