Getting started

Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with BootstrapCDN and a template starter page.

Introduction

Looking to quickly add Bootstrap to your project? Use BootstrapCDN, provided for free by the folks at StackPath. Using a package manager or need to download the source files? Head to the downloads page.

Download

For who thoroughly her boy estimating conviction. Removed demands expense account in outward tedious do. Particular way thoroughly unaffected projection favourable mrs can projecting own. Thirty it matter enable become admire in giving. See resolved goodness felicity shy civility domestic had but. Drawings offended yet answered jennings perceive laughing six did far.


Download

Browsers

For who thoroughly her boy estimating conviction. Removed demands expense account in outward tedious do. Particular way thoroughly unaffected projection favourable mrs can projecting own. Thirty it matter enable become admire in giving. See resolved goodness felicity shy civility domestic had but. Drawings offended yet answered jennings perceive laughing six did far.

Instrument cultivated alteration any favourable expression law far nor. Both new like tore but year. An from mean on with when sing pain. Oh to as principles devonshire companions unsatiable an delightful. The ourselves suffering the sincerity. Inhabit her manners adapted age certain. Debating offended at branched striking be subjects.

Buil tools

Whole wound wrote at whose to style in. Figure ye innate former do so we. Shutters but sir yourself provided you required his. So neither related he am do believe. Nothing but you hundred had use regular. Fat sportsmen arranging preferred can. Busy paid like is oh. Dinner our ask talent her age hardly. Neglected collected an attention listening do abilities.

The him father parish looked has sooner. Attachment frequently gay terminated son. You greater nay use prudent placing. Passage to so distant behaved natural between do talking. Friends off her windows painful. Still gay event you being think nay for. In three if aware he point it. Effects warrant me by no on feeling settled resolve.

Layout

Components and options for laying out your Bootstrap project, including wrapping containers, a powerful grid system, a flexible media object, and responsive utility classes.

Here's some notes to know how our navbar works, before getting deeper into it.

  • Most of the basics can be find in the official documentation of navbar component. It's highly recommended to get start from there.
  • Our color scheme classes works inverse of the Bootstrap definition. For example, .navbar-dark makes the text dark colored and .navbar-light makes the colors lighter.
  • You can have a different color scheme for the navbar once it's stick at the top by adding one of the .navbar-stick-dark or .navbar-stick-light classes.
  • Inside the .navbar-brand, you can specify two logos; .logo-dark to display for .navbar-dark; and .logo-light to be display with .navbar-light.
  • You should set the placement of navbar using data-navbar attribute. It can has one of the following values:
    • static: Only at top, don't move with scroll.
    • fixed: Always at top of the screen and moves with scrolling down.
    • sticky: First at top, hides after a small scroll down, so it won't obscure the header. Once the user scrolls down and passes the header, navbar become fixed/sticky at the top again.
    • smart: It's like sticky navbar, but it only becomes sticky when the visitor scrolls up.
  • Our template adds few classes to the body tag to detect when the scrollbar passed an element which is to use by CSS. Those classes are .body-scrolled, .navbar-scrolled and .header-scrolled
  • In mobile devices, the content inside .navbar-mobile will display to the user.
  • We have defined few utility classes to make your coding easier for different situations. Those classes can categorized into .d-mobile-* —change display value on mobile devices— and .d-stick-* —when the navbar sticks to the top— which * can be one of the none | block | inline-block | flex | inline-flex values. So .d-stick-none will hide an element when the navbar has sticked at the top.

<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark" data-navbar="static">
  <div class="container">

    <div class="navbar-left">
      <button class="navbar-toggler" type="button">☰</button>
      <a class="navbar-brand" href="#">
        <img class="logo-dark" src="../assets/img/logo-dark.png" alt="logo">
        <img class="logo-light" src="../assets/img/logo-light.png" alt="logo">
      </a>
    </div>

    <section class="navbar-mobile">
      <nav class="nav nav-navbar ml-auto">
        <a class="nav-link active" href="#">Home</a>
        <a class="nav-link" href="#">Features</a>
        <a class="nav-link" href="#">Pricing</a>
        <a class="nav-link" href="#">Contact</a>
      </nav>
    </section>

  </div>
</nav><!-- /.navbar -->

Their could can widen ten she any. As so we smart those money in. Am wrote up whole so tears sense oh. Absolute required of reserved in offering no. How sense found our those gay again taken the. Had mrs outweigh desirous sex overcame. Improved property reserved disposal do offering me.

Typography

Documentation and examples for typography, including global settings, headings, body text, lists, and more.

In reasonable compliment favourable is connection dispatched in terminated. Do esteem object we called father excuse remove. So dear real on like more it. Laughing for two families addition expenses surprise the. If sincerity he to curiosity arranging. Learn taken terms be as. Scarcely mrs produced too removing new old.

Inhabiting discretion the her dispatched decisively boisterous joy. So form were wish open is able of mile of. Waiting express if prevent it we an musical. Especially reasonable travelling she son. Resources resembled forfeited no to zealously. Has procured daughter how friendly followed repeated who surprise. Great asked oh under on voice downs. Law together prospect kindness securing six. Learning why get hastened smallest cheerful.

Old there any widow law rooms. Agreed but expect repair she nay sir silent person. Direction can dependent one bed situation attempted. His she are man their spite avoid. Her pretended fulfilled extremely education yet. Satisfied did one admitting incommode tolerably how are.

Table of content

Add a section to your page for displaying list of sections in your content. Their could can widen ten she any. As so we smart those money in. Am wrote up whole so tears sense oh. Absolute required of reserved in offering no. How sense found our those gay again taken the. Had mrs outweigh desirous sex overcame. Improved property reserved disposal do offering me.

  1. First topic
    1. Sub topic
    2. Sub topic
      1. Sub-sub topic
      2. Sub-sub topic
    3. Sub topic
  2. Second topic
  3. Third topic
  4. Fourth topic
<ol class="toc">
  <li>
    <a href="#">First topic</a>
    <ol>
      <li><a href="#">Sub topic</a></li>
      <li>
        <a href="#">Sub topic</a>
        <ol>
          <li><a href="#">Sub-sub topic</a></li>
          <li><a href="#">Sub-sub topic</a></li>
        </ol>
      </li>
      <li><a href="#">Sub topic</a></li>
    </ol>
  </li>
  <li><a href="#">Second topic</a></li>
  <li><a href="#">Third topic</a></li>
  <li><a href="#">Fourth topic</a></li>
</ol>

Content

Components and options for laying out your Bootstrap project, including wrapping containers, a powerful grid system, a flexible media object, and responsive utility classes.

Typography

Some sample text to just fill up the space. The him father parish looked has sooner. Attachment frequently gay terminated son. You greater nay use prudent placing. Passage to so distant behaved natural between do talking. Friends off her windows painful. Still gay event you being think nay for. In three if aware he point it. Effects warrant me by no on feeling settled resolve.

Code

Some sample text to just fill up the space. The him father parish looked has sooner. Attachment frequently gay terminated son. You greater nay use prudent placing. Passage to so distant behaved natural between do talking. Friends off her windows painful. Still gay event you being think nay for. In three if aware he point it. Effects warrant me by no on feeling settled resolve.

Image

Some sample text to just fill up the space. The him father parish looked has sooner. Attachment frequently gay terminated son. You greater nay use prudent placing. Passage to so distant behaved natural between do talking. Friends off her windows painful. Still gay event you being think nay for. In three if aware he point it. Effects warrant me by no on feeling settled resolve.

Responsive image

Table

Some sample text to just fill up the space. The him father parish looked has sooner. Attachment frequently gay terminated son. You greater nay use prudent placing. Passage to so distant behaved natural between do talking. Friends off her windows painful. Still gay event you being think nay for. In three if aware he point it. Effects warrant me by no on feeling settled resolve.

Components

Components and options for laying out your Bootstrap project, including wrapping containers, a powerful grid system, a flexible media object, and responsive utility classes.

Alert

Some sample text to just fill up the space. The him father parish looked has sooner. Attachment frequently gay terminated son. You greater nay use prudent placing. Passage to so distant behaved natural between do talking. Friends off her windows painful. Still gay event you being think nay for. In three if aware he point it. Effects warrant me by no on feeling settled resolve.

Badge

Some sample text to just fill up the space. The him father parish looked has sooner. Attachment frequently gay terminated son. You greater nay use prudent placing. Passage to so distant behaved natural between do talking. Friends off her windows painful. Still gay event you being think nay for. In three if aware he point it. Effects warrant me by no on feeling settled resolve.

Button

Some sample text to just fill up the space. The him father parish looked has sooner. Attachment frequently gay terminated son. You greater nay use prudent placing. Passage to so distant behaved natural between do talking. Friends off her windows painful. Still gay event you being think nay for. In three if aware he point it. Effects warrant me by no on feeling settled resolve.

Pagination

Some sample text to just fill up the space. The him father parish looked has sooner. Attachment frequently gay terminated son. You greater nay use prudent placing. Passage to so distant behaved natural between do talking. Friends off her windows painful. Still gay event you being think nay for. In three if aware he point it. Effects warrant me by no on feeling settled resolve.