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 / Getting Bootstrap, Like a boss!, Final thoughts
- URL / Getting Bootstrap
- repository, URL / Getting Bootstrap
- version 4, URL / Getting Bootstrap
- 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
- Bootstrap resources
- 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) / Bootstrap required tags
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 the framework
- folder structure / Folder structure
- sample example / Warming up the sample example
- tags / Bootstrap required tags
G
- Glyphicon icons
- URL / Using Bootstrap icons
- grid layout
- changing / Changing our grid layout
- 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
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 / Time for the menu options!
- 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 / Getting Bootstrap
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 / Bootstrap required tags
- 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
- 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