Lewis Winstone

Navigation Bar Header Carousel
Default Button Dropdown Button Block Level Button Active/Disabled Button Icon Button Ghost Button
Jumbotron Footer Grid Layouts

Default Buttons

The default type of button is simply a clickable button with a value 'submit', this can also be changed to 'button' or 'reset'. The visual elements of the button such as its text or colours can be changed within it's CSS.

Example

HTML

<button class="button" type="button">Default Button</button>

CSS

.button { background-color: #33cccc; border: 1px solid black; color: black; text-align:center; height: 40px; width: 100px; } .button:hover { background-color: white; }