Home Page Icon
Home Page
Table of Contents for
Images
Close
Images
by Jennifer Kyrnin
Sams Teach Yourself Bootstrap in 24 Hours
About This E-Book
Title Page
Copyright Page
Contents at a Glance
Table of Contents
About the Author
Dedication
Acknowledgments
We Want to Hear from You!
Reader Services
Introduction
Bootstrap Makes Building a Complex Site Easy
How to Use This Book
Organization of This Book
Conventions Used in This Book
Q&A, Quiz, and Exercises
Where to Go to Learn More
Part I: Getting Started with Bootstrap
Hour 1. What Is Bootstrap, and Why You Should Use It
What Is a Web Framework?
A Framework Is More Than Just a Template
Pros and Cons of Frameworks
What Is Bootstrap?
How Is Bootstrap Different from Other Frameworks?
Why You Should Use Bootstrap
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercise
Hour 2. Downloading and Installing Bootstrap
Where to Get Bootstrap
Other Ways to Get Bootstrap
Source Code with Less
Sass
Bootstrap CDN
Summary
Workshop
Q&A
Quiz
Answers
Exercises
Hour 3. Build Your First Bootstrap Website with the Basic Template
The Minimum Bootstrap Page
The Basic Bootstrap Template
More Bootstrap Sample Templates
The Bootstrap Starter Template
The Bootstrap Theme
Bootstrap Jumbotron
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Hour 4. Understanding Normalize.CSS and the Basics of Bootstrap CSS
What Is Normalize.CSS?
What Is a CSS Reset?
Pros and Cons of CSS Resets
Normalize.css Isn’t Just a CSS Reset
Understanding the Bootstrap Infrastructure
Bootstrap Uses HTML5
Mobile First
Typography and Basic Link Styling
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Part II: Building and Managing Web Pages with Bootstrap
Hour 5. Grids and How to Use Them
Grids in Design
Why Use Grids in Web Design
The Rule of Thirds
The Golden Ratio
The Bootstrap Grid System
How to Create Grids in Bootstrap
Create a Basic Grid
Responsive Column Resets
Offsetting, Ordering, and Nesting Columns
Responsive Web Layouts in Bootstrap
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Hour 6. Labels, Badges, Panels, Wells, and the Jumbotron
Labels and Badges
Labels
Badges
Wells and Panels
Wells
Panels
The Jumbotron
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Hour 7. Bootstrap Typography
Basic Typography in Bootstrap
Headings
Headlines
Headers
Body Copy Text
Inline Text
Aligning Elements
Transforming Text Elements
Other Text Blocks
Code
Quotations
Lists
Abbreviations
Addresses
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Hour 8. Styling Tables
Basic Tables
Bootstrap Table Classes
Panels with Tables
Responsive Tables
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Hour 9. Styling Forms
Basic Forms
Horizontal Forms
Inline Forms
Form Controls Supported by Bootstrap
Basic Input Tags
Checkboxes and Radio Buttons
Dropdown Menus
Sizing Form Controls
Help Blocks
Input Groups
Basic Input Groups
Sizing Input Groups
Fancy Add-ons
Interactivity in Bootstrap Forms
Focus State
Disabled and Read-Only States
Validation States
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Hour 10. Images, Media Objects, and Glyphicons
Images
Responsive Images
Image Shapes
Media Objects
Thumbnails
Glyphicons
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Hour 11. Styling and Using Buttons and Button Groups
Basic Buttons
Button Tags
Button Classes and Sizes
Button States
Button Groups
Horizontal Button Groups
Vertical Button Groups
Button Toolbars
Button JavaScript
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Hour 12. Creating Navigation Systems with Bootstrap
Standard Navigation Elements
Dropdowns
Split Dropdowns
Dropup Variation
Navbars
Navbar Headers and Brands
Toggling the Navigation
Links, Text, Buttons, and Forms in Navbars
Changing the Navbar Colors and Alignment
Breadcrumbs and Pagination
List Groups
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Hour 13. Bootstrap Utilities
Helper Classes
Changing Colors
Icons
Layout Classes
Displaying and Hiding Content
Responsive Utilities
Print Classes
Responsive Embed
Accessibility in Bootstrap
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Part III: Bootstrap JavaScript Plugins
Hour 14. Using Bootstrap JavaScript Plugins
How to Use Bootstrap JavaScript Plugins
Setting Options for Plugins
Options as Parameters
Options as Data Attributes
Using the JavaScript API
Events
No Conflict
Disabled JavaScript
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Hour 15. Modal Windows
What Is a Modal Window?
How to Build a Modal Window
Triggering a Modal
Coding a Modal
Modifying Modals
Changing How a Modal Opens
Changing the Size of Modals
Changing the Layout
Changing Modal Content Dynamically
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercise
Hour 16. Affix, Tab, and ScrollSpy
Affix
Using Affix
Tab
Using Tab
ScrollSpy
Using ScrollSpy
Using These Plugins Together
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Hour 17. Popovers and Tooltips
Tooltips
Tooltip Options
Tooltip Methods
Tooltip Events
Popovers
Popover Options
Popover Methods
Popover Events
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Hour 18. Transitions, Buttons, Alerts, and Progress Bars
Transitions
Buttons
Button States
Toggle Button
Checkbox and Radio Buttons
Button Methods
Alerts
Alert Methods
Alert Events
Progress Bars
Creating a Progress Bar
Styling a Progress Bar
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Hour 19. Collapse and Accordion
The Collapse Plugin
Creating a Collapsible Section
Horizontal Collapsing Elements
Collapse Options
Collapse Methods
Collapse Events
Accordions
Creating Accordions
Using Accordions as Navigation
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Hour 20. Carousels
Creating Carousels
Basic Carousels
Fancier Carousels
Using the Carousel Plugin
Adding Multiple Carousels
Carousel Options
Carousel Methods
Carousel Events
Carousels on the Web
Carousel Best Practices
Problems with Carousels and Some Solutions
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Part IV: Customizing Bootstrap
Hour 21. Customizing Bootstrap and Your Bootstrap Website
Using Your Own CSS
Using the Bootstrap Customizer
Less Files and jQuery Plugins
Less Variables
Downloading and Installing Your Customizations
Using a Third-Party Bootstrap Customizer
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Hour 22. Making Bootstrap Accessible
What Is Accessibility?
Accessible Design Practices
The WAI-ARIA and Accessibility
Accessible Design in Bootstrap
Skip Navigation
Nested Headings
Color Contrast
Tricks for Making Bootstrap Sites Accessible
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Hour 23. Using Less and Sass with Bootstrap
What Is a CSS Preprocessor?
Using Less
Less Features
Using Less with Bootstrap
Using Sass
Sass Features
Using Sass with Bootstrap
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Hour 24. Going Further with Bootstrap
Bootstrap Editors
Web Editors
Theme Builders and Customizers
Using Bootstrap in WordPress
Using a WordPress Plugin
Finding a Bootstrap Theme for WordPress
Building Your Own WordPress Theme
Extending Bootstrap with Third-Party Add-ons
Bootstrap Themes
Bootstrap Plugins
The Bootstrap Community
Beautiful Bootstrap Websites
Summary
Workshop
Q&A
Quiz
Quiz Answers
Exercises
Index
Code Snippets
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
Images
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset