Bootstrap Snippet Cards Text using HTML CSS Bootstrap

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
.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;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Cards Text"
Bootstrap 3.2.0 Snippet by efrenfuentes

Related: See More

Questions / Comments:

"Cards Text" Bootstrap 3.2.0 Snippet by efrenfuentes

Related: See More

Questions / Comments:

"Cards Text"
Bootstrap 3.2.0 Snippet by efrenfuentes