Bootstrap Snippet Blockquote box 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
<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-md-6">  
         <blockquote>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
         </blockquote> 
     </div>
     
     <div class="col-md-6">  
        <blockquote class="blockquote-reverse">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
        </blockquote> 
     </div>
     
    </div>
    
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
/* Base styles (regardless of theme) */
blockquote{
padding:10px 20px;
margin:0 0 20px;
border-left:5px solid #900;
background-color:yellow;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Blockquote box"
Bootstrap 3.2.0 Snippet by chaitanyakoripella

Related: See More

Questions / Comments:

"Blockquote box" Bootstrap 3.2.0 Snippet by chaitanyakoripella

Related: See More

Questions / Comments:

"Blockquote box"
Bootstrap 3.2.0 Snippet by chaitanyakoripella