A recreation of Bootstrap's Checkout example page demonstrating form elements and validation.
A recreation of Bootstrap's Pricing example page.
Custom sidebar layout using utility classes.
span="3"
...span="3"
...span="4"
...span="7"
and no other columns.span="7"
...span="5"
to make 12.span="7"
...span="6"
, which exceeds the 12 column grid. Avoid!center
ed row.span="3"
...center
ed row.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This is a short bit of info about elephants.
Details about this thing.
And more details about this thing.
Loader on its own:
Loader without loading
:
Loader with text:
hidden
waiting for the user to click... hidden
from the Loader and adds disabled
to the button and updates its label: This Loader has its own text and is inside a link. The app, for example, could toggle its loading
attribute and text based on the state of the process:
This Loader has its own text, is medium text size, and sits above a link. They've both been centered:
Explicit font-size of 70px:
Inherited size:
Column heading | Column heading |
---|---|
Cell | Cell |
Cell | Cell |