Index

A

• affix plugin
  • about / Making the menu affix
• aria-hidden property / Using Bootstrap icons

B

• badges / Labels and badges
• bold elements
  • usage / More typography and code tags
• Bootstrap
  • about / What Bootstrap 4 Alpha 4 has to offer, Like a boss!, Final thoughts
  • URL / What Bootstrap 4 Alpha 4 has to offer
  • repository, URL / What Bootstrap 4 Alpha 4 has to offer
  • version 4, URL / What Bootstrap 4 Alpha 4 has to offer
  • GitHub repository, URL / Community activity
  • official documentation, URL / Community activity
  • blog, URL / Community activity
  • expo, URL / Community activity
  • Stack Overflow, URL / Community activity
  • and web applications / Bootstrap and web applications
  • and mobile-first design / Bootstrap and the mobile-first design
  • modals / Awesome Bootstrap modals
• Bootstrap component
  • customizing / Customizing a Bootstrap component
  • button / The taste of your button
  • button toggle / Using button toggle
  • checkbox toggle buttons / The checkbox toggle buttons
  • button, as radio button / The button as a radio button
  • JavaScript, customizing / Doing the JavaScript customization
• Bootstrap icons
  • about / Using Bootstrap icons
• Bootstrap plugin, methods
  • defining / Defining the plugin methods
  • initialize method / The initialize method and plugin verifications
  • verifications / The initialize method and plugin verifications
  • Bootstrap Carousel template, adding / Adding the Bootstrap template
  • original template, creating / Creating the original template
  • slide deck / The slide deck
  • carousel indicators / The carousel indicators
  • carousel controls / The carousel controls
  • original plugin, initializing / Initializing the original plugin
  • plugin, making alive / Making the plugin alive
  • creating / Creating additional plugin methods
• Bootstrap plugins
  • additional / The additional Bootstrap plugins
  • creating / Creating our Bootstrap plugin
  • scaffold, creating / Creating the plugin scaffold
• Bootstrap repository
  • URL / Playing with Bootstrap and flexbox
• Bootstrap resources
  • URL / The additional Bootstrap plugins
• Bootstrap Scrollspy
  • about / The Bootstrap spy
• Bower / The library dependencies
• box-sizing
  • about / Box-sizing
• breadcrumbs
  • creating / Creating breadcrumbs
• browser compatibility
  • about / Browser compatibility
• button
  • as radio button / The button as a radio button
• buttons dropdown
  • about / Dropping it down
  • customizing / Customizing buttons dropdown

C

• cards
  • playing / Playing the cards
  • learning, in Bootstrap 4 / Learning cards in Bootstrap 4
  • creating / Creating your own cards, Creating the main cards
  • adding, to web application / Adding Cards to our web application
  • thumbnails, using / Another card using thumbnails
  • Bootstrap components used / The other card using Bootstrap components
  • last plot, creating / Creating our last plot
• carousel
  • using / Using the Bootstrap carousel
  • items, customizing / Customizing carousel items
  • options, URL / Other methods and options for the carousel
  • methods / Other methods and options for the carousel
  • options / Other methods and options for the carousel
• CDN setup
  • optional use / Optionally using the CDN setup
• checkbox toggle buttons / The checkbox toggle buttons
• clearfix
  • about / Clearfix
• community activity
  • about / Community activity
• contact form / Contact form
  • JavaScript / Let's start with some JavaScript
• container tag / The container tag
• Content Delivery Network (CDN) / Mobile support

D

• dashboard
  • about / The master plan
  • main content / Filling the main content
  • charts, rounding / Rounding the charts
  • quick statistical card, creating / Creating a quick statistical card
  • spider chart, getting / Getting a spider chart
• devices
  • landing page, creating / Creating the landing page for different devices

E

• Easy Pie Chart
  • URL / Rounding the charts
• example
  • building / Building our first Bootstrap example
  • container tag / The container tag

F

• flexbox
  • last navigation bar / The last navigation bar with flexbox
• flexbox!
  • about / Getting ready for flexbox!, Understanding flexbox
  • URL / Understanding flexbox, Playing with Bootstrap and flexbox
  • and Bootstrap / Playing with Bootstrap and flexbox
• fluid container
  • about / Fluid container
• fluid content
  • main fluid content, filling / Filling the main fluid content
  • side stacked menu / From the side stacked menu
  • left menu / I heard that the left menu is great!
  • collapse plugin / Learning the collapse plugin
  • advanced CSS / Using some advanced CSS
• Font Awesome
  • URL / Using Bootstrap icons
• forms
  • forming / Forming the forms
  • newsletter form / Newsletter form
  • contact form / Contact form, Let's start with some JavaScript
  • sign-in form / The sign-in form
• framework
  • setting up / Setting up our project
  • folder structure / Content styling
  • sample example / Components
  • tags / Mobile support

G

• Glyphicon icons
  • URL / Using Bootstrap icons
  / Using Bootstrap icons
• grid layout
  • changing / Adding content using media objects
  • grid system / Starting over the grid system
  • header / The header
  • introduction header / The introduction header
  • about section / The about section
  • features section / The features section
  • price table section / The price table section
  • footer / The footer
  • forms, forming / Forming the forms
  • images / Images
  • helpers / Helpers
• grid system
  • about / Understanding the grid system

H

• helpers
  • about / Helpers
  • floating and centering blocks / Floating and centering blocks
  • context colors / Context colors
  • spacing / Spacing
  • responsive embeds / Responsive embeds
• Highcharts plugin
  • URL / Getting a spider chart

I

• images / Images
• input grouping
  • making / Making an input grouping
• italic elements
  • usage / More typography and code tags

J

• JavaScript plugins
  • about / Understanding JavaScript plugins
  • library dependencies / The library dependencies
  • data attributes / Data attributes
  • JavaScript events / Bootstrap JavaScript events
• jQuery
  • URL / Components

L

• labels / Labels and badges
• landing page
  • creating, for different devices / Creating the landing page for different devices
  • mobile and extra small devices / Mobile and extra small devices
  • tablets and small devices / Tablets and small devices
  • desktop and large devices / Desktop and large devices

M

• main content
  • implementing / Implementing the main content
  • feed, creating / Making your feed
  • options, for pagination / Doing some pagination
• menu affix
  • creating / Making the menu affix
• mobile deisgn
  • mess, cleaning / Cleaning up the mess
  • landing page, creating for different design / Creating the landing page for different devices
  • and extra small devices / Mobile and extra small devices
• mobile design
  • about / Making it greater
  • and Bootstrap / Bootstrap and the mobile-first design
  • viewports, debugging / How to debug different viewports at the browser
• mobile viewport
  • fixing / Fixing the mobile viewport
  • navigation menu, fixing / Fixing the navigation menu
  • notification list, styling / The notification list needs some style
  • missing left menu, adding / Adding the missing left menu
  • round charts, aligning / Aligning the round charts
• modals
  • about / Awesome Bootstrap modals
  • general and content / Modal general and content
  • header / The modal header
  • body / The modal body
  • footer / The modal footer
  • custom modal, creating / Creating our custom modal

N

• navigation
  • about / Paying attention to your navigation
  • collapse / Until the navigation collapse
  • different attachments, using / Using different attachments
  • bar, coloring / Coloring the bar
  • adding / Adding the navigation
  • search input, adding / Adding the search input
  • time, for menu options / Adding some style
• navigation bar
  • customizing / Customizing the navigation bar
  • custom theme, setting up / Setting up the custom theme
  • list navigation bar pseudo-classes, fixing / Fixing the list navigation bar pseudo-classes
  • finishing / You deserve a badge!
  • some issues, fixing with / Fixing some issues with the navigation bar
• navigation bar, flexbox
  • about / The last navigation bar with flexbox
  • navigation search / The navigation search
  • finishing / The menu needs navigation
  • profile, checking / Checking the profile
• newsletter form / Newsletter form
• npm file / What Bootstrap 4 Alpha 4 has to offer

O

• overhead loading
  • about / Overhead loading

P

• page grid
  • creating / Do a grid again
• page scaffolding
  • about / The master plan
• plugin customization
  • working with / Working with plugin customization
• plugins
  • about / Learning more advanced plugins
  • Bootstrap carousel, using / Using the Bootstrap carousel
  • carousel items, customizing / Customizing carousel items
  • slide indicators, creating / Creating slide indicators
  • navigation controls, adding / Adding navigation controls
  • carousel, methods / Other methods and options for the carousel
  • carousel, options / Other methods and options for the carousel
• plus (+) symbol / Creating the plugin scaffold
• popover plugin
  • about / Pop it all over
  • events / Popover events
• progress bar
  • about / Waiting for the progress bar
  • options / Progress bar options
  • animating / Animating the progress bar

Q

• quick floats
  • about / Quick floats

R

• right-hand-side content
  • creating / Finishing with the right-hand-side content

S

• scaffolding
  • building / Building our scaffolding
  • setting up / Setting things up
  • offset columns / Offset columns
  • grid rows, finishing / Completing the grid rows
  • rows, nesting / Nesting rows
  • grid, finishing / Finishing the grid
• settings page
  • about / Creating a settings page
  • pills of stack / Pills of stack
  • tabs / Tabs in the middle
  • tab content, adding / Adding the tab content
  • tabs plugin, using / Using the Bootstrap tabs plugin
  • content, creating in user info tab / Creating content in the user info tab
  • stats column / The stats column
  • labels and badges / Labels and badges
• sign-in form / The sign-in form
• slide deck / The slide deck
• spider chart
  • getting / Getting a spider chart
• style!
  • about / We need some style!
  • headings / There are headings everywhere
  • buttons, playing with / Playing with buttons
  • typography and code tags / More typography and code tags
• switchery plugin
  • URL / Creating the main cards

T

• tables
  • manipulating / Manipulating tables
  • buttons, styling / Styling the buttons
• tabs plugin
  • using / Using the Bootstrap tabs plugin
• tags
  • about / Mobile support
• time, for menu options
  • option, at thumbnail / The option at the thumbnail
  • Tweet button, adding / Adding the Tweet button
• toggle button
  • fixing, for mobile / Fixing the toggle button for mobile
• tools
  • about / Tools
  • URL / Tools
• tooltips
  • about / A tool for your tip
• typography
  • font definitions / Font definitions for typography

U

• user info tab
  • content, creating / Creating content in the user info tab

V

• viewports
  • debugging, at browser / How to debug different viewports at the browser

W

• web app
  • alerts / Alerts in our web app
  • alerts, dismissing / Dismissing alerts
  • alerts, customizing / Customizing alerts
  • finishing / Finishing the web app
• web applications
  • defining / Understanding web applications
  • code structure, creating / Creating the code structure
• white-space CSS property / Cleaning up the mess
• will-change property
  • URL / Using some advanced CSS