"Cards Text"
Bootstrap 3.2.0 Snippet by luispaisa

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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 ----------> <div class="container"> <div class="row"> <div class="col-xs-3"> <div class="text"> <div class="content-text"> <h3 class="lead"> Project label </h3> <p> And a little description. <br> and so one </p> </div> </div> </div> <div class="col-xs-3"> <div class="text"> <div class="content-text"> <h3 class="lead"> Project label </h3> <p> And a little description. <br> and so one </p> </div> </div> </div> <div class="col-xs-3"> <div class="text"> <div class="content-text"> <h3 class="lead"> Project label </h3> <p> And a little description. <br> and so one </p> </div> </div> </div> <div class="col-xs-3"> <div class="text"> <div class="content-text"> <h3 class="lead"> Project label </h3> <p> And a little description. <br> and so one </p> </div> </div> </div> <div class="col-xs-3"> <div class="text"> <div class="content-text"> <h3 class="lead"> Project label </h3> <p> And a little description. <br> and so one </p> </div> </div> </div> <div class="col-xs-3"> <div class="text"> <div class="content-text"> <h3 class="lead"> Project label </h3> <p> And a little description. <br> and so one </p> </div> </div> </div> <div class="col-xs-3"> <div class="text"> <div class="content-text"> <h3 class="lead"> Project label </h3> <p> And a little description. <br> and so one </p> </div> </div> </div> <div class="col-xs-3"> <div> <h3 class="lead"> Project label </h3> </div> <div class="text"> <div class="content-text"> <p> And a little description. <br> and so one </p> </div> </div> </div> <div class="col-xs-3"> <div class="text"> <div class="content-text"> <h3 class="lead"> Project label </h3> <p> And a little description. <br> and so one </p> </div> </div> </div> </div> </div>
.text { min-height:300px; height:auto; border:1px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden; border-color: rgb(252, 227, 176); background-color: #ffffcc; background-image: url(https://d3dma7a8zw52bz.cloudfront.net/assets/documents/document_body_rules-f0711254a4cc2b734e9317489d363ce2.gif); } .content-text { padding:0px 20px 10px; margin: -5px; }

Related: See More


Questions / Comments: