Bootstrap
a.k.a. The "bring your own framework" sample.
If you're a Bootstrap user unable or not interested in using the bundled Foundation Framework CSS+JS, here we bunndle the bare-bones lite version with Bootstrap.
Integration tips:
- Boostrap uses the '.container' to wrap layour regions, you should use that. Note we've substituted several '.row' classes for '.container' on this page.
- Reset the text base size with: html {font-size: 1rem;}
What's omitted
- foundation.min.js (129KB)
- foundationExtendEBI.js (16.4K)
- foundation.min.css (67.7KB)
What's extra
- foundation-lite.min.css (26.8KB)
- bootstrap.min.css (118KB)
- bootstrap.min.js (36.2KB)
Result
Tables
Using the Bootstrap .table and .table-condensed classes.
| Parent Molecule | Synonyms | Phase | Research Codes | Applicants | USAN Stem | USAN Year | First Approval | ATC Code | Icon |
|---|---|---|---|---|---|---|---|---|---|
|
CHEMBL566315 |
Obeticholic acid (FDA, INN, USAN) | 4 | DSP-1747 INT-747 |
Intercept Pharmaceuticals | 2008 | 2016 | A05AA04 | ||
|
CHEMBL607400 |
Brivaracetam (FDA, INN, USAN) | 4 | UCB-34714 | Ucb Inc Ubc Inc |
-racetam | 2005 | 2016 | N03AX23 | |
|
CHEMBL1743034 |
Ixekizumab (FDA, INN, USAN) | 4 | LY-2439821 | Lilly Eli Lilly And Co. |
-mab | 2010 | 2016 |
Bootstrap kitchen sink
A smattering of Bootstrap components, via the Bootstrap theme demo page.
Theme example
This is a template showcasing the optional theme stylesheet included in Bootstrap. Use it as a starting point to create something more unique by building on or modifying it.
Buttons
Tables
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| Mark | Otto | @TwBootstrap | |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
Thumbnails
Labels
Default Primary Success Info Warning Danger
Default Primary Success Info Warning Danger
Default Primary Success Info Warning Danger
Default Primary Success Info Warning Danger
Default Primary Success Info Warning Danger
Default Primary Success Info Warning Danger
Default Primary Success Info Warning Danger
Badges
Navs
Navbars
Alerts
Progress bars
List groups
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
Panels
Panel title
Panel title
Panel title
Panel title
Panel title
Panel title
Wells
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.