Example headline.
Some representative placeholder content for the first slide of the carousel.
Another example headline.
Some representative placeholder content for the second slide of the carousel.
One more for good measure.
Some representative placeholder content for the third slide of this carousel.
Border hero with cropped image and shadows
Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.
Vertically centered hero sign-up form
Below is an example form built entirely with Bootstrap’s form controls. Each required form group has a validation state that can be triggered by attempting to submit the form without completing it.
Ready to represent your university?
Columns with icons
Featured title
Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.
Call to actionFeatured title
Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.
Call to actionFeatured title
Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.
Call to actioncards
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereSpecial title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereSpecial title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereSingle card
Card title
Card subtitle
Some quick example text to build on the card title and make up the bulk of the card’s content.
Card link Another linkFeatured card
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewherecarousel
Pop up
/* price */
Free
$0/mo
- 10 users included
- 2 GB of storage
- Email support
- Help center access
Pro
$15/mo
- 20 users included
- 10 GB of storage
- Priority email support
- Help center access
Enterprise
$29/mo
- 30 users included
- 15 GB of storage
- Phone and email support
- Help center access
Compare plans
| Free | Pro | Enterprise | |
|---|---|---|---|
| Public | |||
| Private | |||
| Permissions | |||
| Sharing | |||
| Unlimited members | |||
| Extra security |
/* Jumb */
Custom jumbotron
Using a series of utilities, you can create this jumbotron, just like the one in previous versions of Bootstrap. Check out the examples below for how you can remix and restyle it to your liking.
Change the background
Swap the background-color utility and add a `.text-*` color utility to mix up the jumbotron look. Then, mix and match with additional component themes and more.
Add borders
Or, keep it light and add a border for some added definition to the boundaries of your content. Be sure to look under the hood at the source HTML here as we've adjusted the alignment and sizing of both column's content for equal-height.