"mentor example"
Bootstrap 3.3.0 Snippet by mtownsen

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <header> </header> <section class="pricing"> <div class="pricing-tiers"> <div class="tier"> <h1>The plan</h1> <ul> <li>You get all the things</li> <li>plus more!!</li> </ul> </div> <div class="tier"> <h1>The plan</h1> <ul> <li>You get all the things</li> <li>plus more!!</li> </ul> </div> <div class="tier"> <h1>The plan</h1> <ul> <li>You get all the things</li> <li>plus more!!</li> </ul> </div> </div> </section>
header { width: 100%; height: 60px; background-color: #333; } .pricing { width: 100%; padding: 20px; background-color: tomato; } .pricing-tiers { width: 960px; margin: 0px auto; background-color: #ddd; } .pricing-tiers .tier { width: 260px; margin: 20px; padding: 10px; background-color: white; float: left; } .tier h1 { font-family: "Helvetica", sans-serif; font-weight: bold; font-size: 2em; margin-bottom: 20px; text-align: center; } .pricing-tiers > .tier:last-child { margin-right: 0px; }

Related: See More


Questions / Comments: