Index

A

• accordions
  • about / Collapse and accordions
  • example / Example – showing the product categories of our store
• alerts / Alerts
  • about / Alerts
• application home page
  • rewriting / Encapsulating everything
• Autoprefixer tool / Building Bootstrap

B

• badges / Badges
• Bootstrap
  • about / Introducing Bootstrap
  • contents / What Bootstrap includes
  • CSS / CSS
  • components / Components
  • JavaScript / JavaScript
  • customization / Customization
  • obtaining / Get Bootstrap
  • URL, for download / Get Bootstrap
  • file structure / The Bootstrap file structure
  • using / How to use Bootstrap
  • application folder structure / The application folder structure
  • HTML structure / Basic HTML structure for Bootstrap
  • HTML elements / Basic HTML elements
  • utility CSS classes / Other utility classes
  • compiling, tool requisites / Required tools
  • installing / Installing Bootstrap
  • URL / Installing Bootstrap
  • compiling / Compiling and building Bootstrap
  • building / Compiling and building Bootstrap, Building Bootstrap
  • dependencies, installing / Installing dependencies
  • customizing, with build environment / Customizing using the build environment
  • customizing, with web interface / Customizing using Bootstrap web interface
  • web interface, URL / Customizing using Bootstrap web interface
  • resources, URL / Font Awesome
• bootstrap-wysiwyg component
  • URL / The bootstrap-wysiwyg component
• Bootstrap web interface
  • used, for customizing / Customizing using Bootstrap web interface
• Bootswatch
  • URL / Theme extension – Bootswatch
  • about / Theme extension – Bootswatch
  • CSS files, downloading / Downloading the CSS files
  • LESS files, using / Using the LESS files
• breadcrumbs / Breadcrumbs
• button groups / Toolbars and button groups

C

• carousels
  • about / Carousels
• collapse
  • about / Collapse and accordions
• Command-line Interface (CLI) / Installing node.js
• content management system (CMS) / WYSIWYG editor and Font Awesome
• custom data attributes
  • about / Custom data attributes
  • URL / Custom data attributes

D

• data entry forms
  • constructing / Constructing data entry forms
  • horizontal form, creating / Making the form horizontal
  • Contact Us page, finalizing / Finalizing the Contact Us page
• Don’t Repeat Yourself (DRY) / CSS preprocessors
• dropdown
  • about / Dropdown

F

• file structure, Bootstrap
  • about / The Bootstrap file structure
  • precompiled bundle / A precompiled bundle
  • source code bundle / A source code bundle
  • CSS preprocessors / CSS preprocessors
  • variables / Variables
  • mixins / Mixins
  • operations / Operations
  • nesting / Nesting
• Font Awesome
  • about / WYSIWYG editor and Font Awesome, Font Awesome
  • URL / Font Awesome

G

• generic files
  • bootstrap.less file / Customizing using the build environment
  • theme.less file / Customizing using the build environment
  • utilities.less file / Customizing using the build environment
  • scaffolding.less / Customizing using the build environment
  • variables.less file / Customizing using the build environment
• Glyphicons
  • URL / Glyphicons
  • about / Glyphicons
• grid system
  • about / The grid system
• Grunt
  • about / Grunt
  • -cli, installing / Installing Grunt-cli
• Grunt-cli
  • installing / Installing Grunt-cli

H

• helper-classes
  • URL / Customizing using the build environment
• HTML elements / Basic HTML elements
• HTML structure, Bootstrap
  • about / Basic HTML structure for Bootstrap
  • head section / The head section
  • body section / The body section

I

• images
  • rendering / Rendering images
  • responsive images. displaying in sample application / Showing responsive images in a sample application
• installing
  • Node.js / Installing node.js
  • Grunt-cli / Installing Grunt-cli
  • Bootstrap / Installing Bootstrap

J

• JavaScript add-ons
  • basic concepts / A basic concepts
  • modal windows / Modal windows
  • tabs / Tabs
  • collapse / Collapse and accordions
  • accordions / Collapse and accordions
  • tooltips / Tooltips and popovers
  • popovers / Tooltips and popovers
  • dropdown / Dropdown
  • alerts / Alerts
  • carousels / Carousels
  • final preview, of application / The final preview
• JavaScript add-ons, basic concepts
  • custom data attributes / Custom data attributes
  • JavaScript APIs / JavaScript APIs
  • JavaScript events / JavaScript events
  • packaging add-ons / Packaging add-ons
• JavaScript APIs
  • about / JavaScript APIs
• JavaScript events
  • about / JavaScript events
• jQuery hotkeys component
  • URL / The jQuery hotkeys component
• Jumbotron
  • about / Jumbotron

L

• LESS
  • URL / Customizing using the build environment

M

• mobile-first philosophy
  • about / The mobile-first philosophy
• modal windows
  • about / Modal windows
  • basic version / Basic modal window
  • example / Example – enhancing our application using the modal dialog box

N

• navigation bar / The navigation bar
• Node.js
  • about / Node.js
  • installing / Installing node.js
• Node Package Manager (npm)
  • about / Node.js
  • URL / Installing Bootstrap

P

• packaged components
  • page header / The page header
  • Glyphicons / Glyphicons
  • navigation bar / The navigation bar
  • badges / Badges
  • alerts / Alerts
  • toolbars / Toolbars and button groups
  • button groups / Toolbars and button groups
  • panels / Panels
  • Jumbotron / Jumbotron
  • breadcrumbs / Breadcrumbs
  • paginations / Paginations
• packages installation
  • with npm, URL / Installing Grunt-cli
• packaging add-ons
  • about / Packaging add-ons
• page header
  • about / The page header
• paginations / Paginations
• panels
  • about / Panels
  • wells / Wells
• pills
  • about / Tabs
• popovers
  • about / Tooltips and popovers
• precompiled bundle
  • about / A precompiled bundle
  • folder* css folder / folder: css
  • folder* fonts folder / folder: fonts
  • folder* js folder / folder: js

R

• responsive classes
  • about / Responsive classes
  • xs marker / Understanding the basics
  • sm marker / Understanding the basics
  • md marker / Understanding the basics
  • lg marker / Understanding the basics
  • display of elements, controlling / Controlling display of elements across devices
• responsive design
  • basics / Responsive design basics
  • viewport, setting / Setting the viewport
  • content, sizing to viewport / Sizing your content to the viewport
  • media queries, using for achieving responsiveness / Using media queries to achieve responsiveness
  • patterns / Responsive design patterns
  • navigation patterns / Navigation patterns
• responsive design, patterns
  • fluid design / Responsive design patterns
  • column drop / Responsive design patterns
  • layout shifter / Responsive design patterns

S

• source code bundle
  • about / A source code bundle
  • folder* dist folder / rfolder: dist
  • folder* fonts folder / folder: fonts
  • folder* grunt folder / folder: grunt
  • folder* js folder / folder: js
  • folder* less folder / folder: less
• Syntactically Awesome Stylesheets (Sass) / CSS preprocessors

T

• tabs
  • about / Tabs
• toolbars / Toolbars and button groups
• tool requisites, for compiling Bootstrap
  • Node.js / Node.js
  • Grunt / Grunt
• tooltips
  • about / Tooltips and popovers
• tree-view control
  • about / A tree-view control
  • URL / A tree-view control
  • URL, for installation / Installing the tree-view component
  • installing / Installing the tree-view component

U

• United theme
  • URL / Theme extension – Bootswatch
  • URL, for download / Downloading the CSS files
• utility CSS classes
  • about / Other utility classes

W

• Web Accessibility standards
  • URL / Other utility classes
• WYSIWYG editor
  • about / WYSIWYG editor and Font Awesome
  • URL / WYSIWYG editor and Font Awesome
  • using / Installing and using the WYSIWYG component
  • used, for installation / Installing and using the WYSIWYG component
  • bootstrap-wysiwyg component / The bootstrap-wysiwyg component
  • jQuery hotkeys component / The jQuery hotkeys component