Bootstrap


Bootstrap is a free and open-source front-end web framework for designing websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. Unlike many web frameworks, it concerns itself with front-end development only.

Bootstrap is modular and consists essentially of a series of Less stylesheets that implement the various components of the toolkit. A stylesheet called "Bootstrap less" includes the components stylesheets. Developers can adapt the Bootstrap file itself, selecting the components they wish to use in their projects.

Adjustments are possible to a limited extent through a central configuration stylesheet. More profound changes are possible by the Less declarations.

The use of the Less stylesheet language allows the use of variables, functions and operators, nested selectors, as well as so-called mixins.

Module

  • Get Started
    • What is Bootstrap?
    • Bootstrap History
    • Why Use Bootstrap?
    • What Does Bootstrap Include?
    • HTML File
    • Adding Bootstrap to Your Web Pages
    • Downloading Bootstrap
    • Bootstrap CDN
    • Put Your HTML Elements Inside Containers
    • Bootstrap Browser/Device Support
  • Typography
    • Bootstrap's Default Settings
    • Bootstrap vs. Browser Defaults
    • Typography Classes
  • Grid System
    • What is a Grid?
    • Bootstrap Grid System
    • Mobile-First Strategy
    • Grid System Rules
    • Basic Structure of a Bootstrap Grid
    • Grid Options
  • Stacked-to-horizontal
  • Small Devices
  • Medium Devices
  • Large Devices
  • Forms
    • Form Layouts
    • Vertical Form (default)
    • Inline Form
    • Horizontal Form
  • Inputs
    • Supported Form Controls Bootstrap supports the following form controls:
      • input
      • textarea
      • checkbox
      • radio
      • select
  • Inputs 2
    • Static Control
    • Form Control States
  • Input Sizing
    • Input Sizing in Forms
    • Height Sizing
    • Column Sizing
    • Help Text
  • Container
    • Build a Bootstrap Web Page From Scratch
    • Add Bootstrap CDN and Put Elements in Containers
  • Jumbotron
  • Button/Icon
    • Adding a Button
    • Adding an Icon
  • Multicolumn
    • Multicolumn Layout
    • Columns With Different Widths
  • Menu
    • Menus
    • Tabs
    • Tabs With Dropdown Menu
    • Pills
    • Vertical Pills
    • Pills With Dropdown Menu
  • Navigation Bar
    • Navigation Bars
    • Inverted Navigation Bar
    • Fixed Navigation Bar
    • Navigation Bar With Dropdown
    • Right-Aligned Navigation Bar
    • Collapsing The Navigation Bar
  • Bootstrap Navbar
    • Default navbar
    • Responsive navbar
    • Forms in navbar
    • Buttons in navbar
    • Text in navbar
    • Non-nav links
    • Component alignment
    • Fixed to top
    • Fixed to bottom
    • Static top
    • Inverted navbar
    • Bootstrap Breadcrumb
  • Bootstrap Pagination
    • Pagination
    • DEFAULT PAGINATION
    • STATES
    • SIZING
    • Pager
    • ALIGNED LINKS
    • STATES
    • Bootstrap Labels
  • Bootstrap Jumbotron
    • Bootstrap Page Header
    • Bootstrap Thumbnails
  • Bootstrap Alerts
    • Dismissal Alerts
    • Links in Alerts
  • Bootstrap Progress Bars
    • Default Progress Bar
    • Alternate Progress Bar
    • Striped Progress Bar
    • Animated Progress Bar
    • Stacked Progress Bar
    •  
  • Bootstrap Media Object
    • .media
    • .media-list
  • Bootstrap List Group
    • Adding Badges to List Group
    • Linking List Group Items
    • Add Custom Content to List Group
  • Bootstrap Panels
    • Panel with heading
    • Panel with footer
    • Panel Contextual alternatives
    • Panel with tables
    • Panel with Listgroups
  • Bootstrap Wells
    • well
    • Sizing
  • Bootstrap Plugins