<div class="col-sm-6 col-md-3"> <div class="thumbnail tile tile-medium tile-teal"> <a href="#" > <h1>Hello</h1> </a> </div> </div> <div class="col-sm-6 col-md-3"> <div class="thumbnail tile tile-medium"> <a href="#" > <img src="images/twittertile.png"> <h2> Tweet </h2> </a> </div> </div> <div class="col-sm-6 col-md-6"> <div class="thumbnail tile tile-wide tile-orange"> <a href="#" > <h1 class="tile-text"> I'm the 2!</h1> </a> </div> </div> Colors blue green red yellow pink purple lime magenta teal turquoise
<link href="images/font-awesome.css" rel="stylesheet"> Now include the icon of you choice (Link to Cheatsheet ) as a <i></i> . Add class="fa-links" to your links to have the icons appear white
<div class="col-sm-6 col-md-3"> <div class="thumbnail tile tile-medium tile-green"> <a href="#" class="fa-links"> <h1>Home</h1> <i class="fa fa-3x fa-home"></i> </a> </div> </div> <div class="col-sm-6 col-md-3"> <div class="thumbnail tile tile-medium tile-orange"> <a href="#" class="fa-links"> <h1>RSS</h1> <i class="fa fa-3x fa-rss-square"></i> </a> </div> </div> Dropdowns Toggleable, contextual menu for displaying lists of links. Made interactive with the Bootstrap's dropdown JavaScript plugin .