Demonstrating Skeleton Columns Names

Styling Buttons

skeleton provides code for input elements and links, for links we need to use class names button, pirmary-button, as usual with skeleton you can use either the class name .button or the tag <button>

skeleton also has various input element formatting

However, keep in mind skeleton is still streamlined. If you want bloated code look at bootstrap, it has five prefixes to express columns. Note CSS preprocessor SaSS is often used to determine which prefix.

<button>Button Element</button>
Need to add extra row to line up

Home

<a href="index.html" class="button">Home</a>
Need extra row again - this col height is a pain. Basic Submit Styling for Skeleton

Primary button

Home

<a href="index.html" class="button button-primary"> class button-primary adds blue color and hover

<button href="#" >Anchor Button</button>
this height is a pain should add heights to local css

not working HTML warning stray input tag <input type="submit">submit input</input>