Learning Bootstrap电子书

Learning Bootstrap

Table of Contents

Learning Bootstrap

Credits

About the Authors

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers, and more

Why subscribe?

Free access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. Getting Started with Bootstrap

Mobile-first design

Why Bootstrap

Summary

2. Installing and Customizing Bootstrap

Including Bootstrap in your HTML file

The Bootstrap CDN

Overriding with custom CSS

Using the Bootstrap customizer

Deep customization of Bootstrap

Downloading the Bootstrap source code

Compiling LESS files

Using SimpLESS to compile LESS files

Using WinLess to compile LESS files

Using the command line to compile LESS files

Putting it all together

Summary

3. Using the Bootstrap Grid

Using the Bootstrap Grid classes

Adding rows and columns

Customizing the grid for small devices

Adding offsets to columns

Pulling and pushing columns

Nesting columns

Using the Bootstrap variables and mixins

Bootstrap Grid variables

Bootstrap Grid mixins

Creating a blog layout with the Bootstrap Grid mixins and variables

Styling the blog

Summary

4. Using the Base CSS

Implementing the Bootstrap Base CSS

Headings

Body copy

Typographic elements

Emphasis inline elements

Alignment classes

Emphasis classes

Addresses

Blockquotes

Abbreviations

Lists

Tables

Basic styling

Buttons

Forms

Inline forms

Horizontal forms

Code

Images

Font families

Sans-serif font family

Serif font family

Monospace font family

Font sizes

Font sizes variables

Font sizes for headings

Customizing the Base CSS using LESS variables

Summary

5. Adding Bootstrap Components

Components and their usage

Glyphicons

Nav tabs

Nav pills

Justified tabs and pills

Dropdowns

Navbar

Breadcrumbs

Summary

6. Doing More with Components

Components to streamline your web designing projects

Jumbotron

Page header

Wells

Badges

Labels

Progress bars

Panels

Thumbnails

Pagination

List groups

Button groups

The button toolbar

Split button dropdowns

Justifying button groups

Checkbox and radio buttons

Alerts

Media objects

Responsive scalable embed

Summary

7. Enhancing User Experience with JavaScript

Streamlining your projects with official plugins

Tooltips

Popovers

Accordion

ScrollSpy

Modals

Carousels

Summary

8. Bootstrap Technical Hub – A One-stop Shop for Powerful Bootstrap Utilities

Themes and templates

Open source themes and templates

Commercial themes and templates

Ready-made resources and plugins

Font Awesome

Social Buttons for Bootstrap

Bootstrap Magic

Jasny Bootstrap

Fuel UX

Bootsnipp

Bootdey

BootBundle

Start Bootstrap

Development tools and editors

Bootply

LayoutIt

UI Bootstrap

Kickstrap

ShoeStrap

StrapPress

Summernote

Official Bootstrap resources

Bootlint

Bootstrap with SaaS

Bootstrap Expo

Summary

Index