If you want little callouts in your content, you can use a label. These are just little elements that have a colored background and text inside. Go ahead and try it out.
<span class="label">I am a label</span>
Again, you can add the secondary
, alert
, success
, radius
, and round
elements after progress
.
You have the ability to turn things on and off for print. You can use the show-for-print
or hide-for-print
class in your code. You can try these out on a few elements if you want and view the print preview.
Foundation also allows you to have horizontal and vertical sliders. So, let's add one right below our progress-bar
div; this will be around or on line 317:
<div class="range-slider" data-slider> <span class="range-slider-handle"></span> <span class="range-slider-active-segment"></span> <input type="hidden"> </div>
Go to your browser and refresh, and you will see that you now have a slider. Pretty cool, right? So,...