Bootstrap 23 de enero

Gird de Bootstrap

Column
Column
Column
Column

Grid responsiva

Elemento 1
Elemento 2
Elemento 3
Elemento 4
Elemento 5
Elemento 6
Elemento 7
Elemento 8
Elemento 9
Elemento 10
Elemento 11
Elemento 12
Elemento 13
Elemento 14
Elemento 15
Elemento 16
Elemento 17
Elemento 18
Elemento 19

Grid de Bootstrap en contenedor

Elemento 1
Elemento 2
Elemento 3
Elemento 4
Elemento 5
Elemento 6
Elemento 7
Elemento 8
Elemento 9
Elemento 10
Elemento 11
Elemento 12
Elemento 13
Elemento 14
Elemento 15
Elemento 16
Elemento 17
Elemento 18
Elemento 19

Offsetting columns

Column
Column
Column
Column

Forms

We'll never share your email with anyone else.

Componentes

Acordeon

This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Spinner

Colores

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum voluptate asperiores quidem praesentium omnis. Sapiente ipsa sunt voluptas. Fugiat vero sed corrupti ex suscipit omnis numquam id ratione, quidem nemo?

Text truncation

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum voluptate asperiores quidem praesentium omnis. Sapiente ipsa sunt voluptas. Fugiat vero sed corrupti ex suscipit omnis numquam id ratione, quidem nemo?

Secondary link

Positions

Ratios

Utilities

Backgrounds

This is default success background
This is 75% opacity success background
This is 50% opacity success background
This is 25% opacity success background
This is 10% opacity success background

Display

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Reiciendis totam dolore quas aliquam ut, aspernatur eius facilis possimus quisquam dolor error quia provident earum cumque non veritatis ullam odio fugiat.

Flexbox

flex 1
flex 2
flex 3
flex 4
flex 5

Bootstrap is Awesome

Spacing

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis placeat nemo aut minus, optio maxime non sit reiciendis magnam illum reprehenderit repellat nulla, ipsa ea accusamus ullam, voluptates labore aperiam.

Text

Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt eum unde fugiat consequuntur, officiis est, ea consequatur iste autem tempora dolores id neque molestiae non voluptas minima enim veniam atque?

Icons