From 6090306f69d9c8645807fe4ef3b1abdad67f9a3f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 24 Jul 2018 22:07:50 -0700 Subject: Add kitchen sink to demo the changes one can make to Bootstrap --- index.html | 304 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 304 insertions(+) diff --git a/index.html b/index.html index 4f92521..163d369 100644 --- a/index.html +++ b/index.html @@ -42,5 +42,309 @@

Those just getting started with Bootstrap and npm may wish to build on this project's package.json by adding new dependencies and scripts. Please do!

+ +
+

Grid

+

Nothing special here, just container, row, and columns.

+
+
+
+ One of three columns +
+
+ One of three columns +
+
+ One of three columns +
+
+
+
+ +
+

Type

+
+
+

Unordered list

+
    +
  • Lorem ipsum dolor sit amet
    • +
  • Consectetur adipiscing elit
    • +
  • Integer molestie lorem at massa
    • +
  • Facilisis in pretium nisl aliquet
    • +
  • Nulla volutpat aliquam velit +
      +
    • Phasellus iaculis neque
      • +
    • Purus sodales ultricies
      • +
    • Vestibulum laoreet porttitor sem
      • +
    • Ac tristique libero volutpat at
      • +
    +
    • +
  • Faucibus porta lacus fringilla vel
    • +
  • Aenean sit amet erat nunc
    • +
  • Eget porttitor lorem
    • +
+
+
+

Ordered list

+
    +
  1. Lorem ipsum dolor sit amet
    2. +
  2. Consectetur adipiscing elit
    3. +
  3. Integer molestie lorem at massa
    4. +
  4. Facilisis in pretium nisl aliquet
    5. +
  5. Nulla volutpat aliquam velit
    6. +
  6. Faucibus porta lacus fringilla vel
    7. +
  7. Aenean sit amet erat nunc
    8. +
  8. Eget porttitor lorem
    9. +
+
+
+

Description list

+
+
Description lists
+
A description list is perfect for defining terms.
+
Euismod
+
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem.
+
Donec id elit non mi porta gravida at eget metus.
+
Malesuada porta
+
Etiam porta sem malesuada magna mollis euismod.
+
+
+
+ +

Tables

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ This is an example table, and this is its caption to describe the contents. +
Table headingTable headingTable headingTable heading
Table cellTable cellTable cellTable cell
Table cellTable cellTable cellTable cell
Table cellTable cellTable cellTable cell
+ +

Code

+
+ +
+

Media

+ +

Images

+ +

Figures

+
+ +
+

Alert

+
+
+ + + + +
+
+ + + + +
+
+
+ +
+

Badge

+
+
+
+
Example heading New
+
Example heading New
+
Example heading New
+
Example heading New
+
Example heading New
+
Example heading New
+
+
+
+ +
+
+
+ +
+

Breadcrumb

+
+
+ +
+
+ +
+
+ +
+
+
+ +
+

Buttons

+
+ + + + + + + + + +
+
+ + + + + + + + +
+ +
+
+
+ + +
+
+
+
+ + +
+ + +
+
+
+ + + +
+
+
+
+ +
+

Card

+
+ +
+

Carousel

+
+ +
+

Collapse

+
+ +
+

Dropdown

+
+ +
+

Forms

+
+ +
+

Input group

+
+ +
+

Jumbotron

+
+ +
+

List group

+
+ +
+

Modal

+
+ +
+

Navs

+
+ +
+

Navbar

+
+ +
+

Pagination

+
+ +
+

Popover & Tooltip

+
+ +
+

Progress

+
-- cgit v1.2.3