social user post

This bootstrap snippet social user post was created to help web designers,
front-end developers and back-end developer save time. Use it in your project and build your app faster,
You can also download the HTML, CSS, and JS code
tags: social,user,post

This is the HTML code for this bootstrap snippet

Copy, paste, change, customize and run the following HTML code to get a result like the one shown in the preview tab

<div class="col-md-4 col-sm-6">
        <div class="panel panel-default">
           <div class="panel-heading"><a class="pull-right" href="#">View all</a> <h4>Upgrade to Bootstrap 3</h4></div>
   			<div class="panel-body">
              <img class="img-circle pull-right" src="https://lh5.googleusercontent.com/-b0-k99FZlyE/AAAAAAAAAAI/AAAAAAAAAAA/eu7opA4byxI/photo.jpg?sz=70"> <a href="#">Guidance and Tools</a>
              <div class="clearfix"></div>
              <hr>
              <p>Migrating from Bootstrap 2.x to 3 is not a simple matter of swapping out the JS and CSS files.
              Bootstrap 3 is a major overhaul, and there are a lot of changes from Bootstrap 2.x. <a href="https://bootdey.com">This guidance</a> is intended to help 2.x developers transition to 3.
              </p>
              <h5><a href="https://bootdey.com">More snippets on Bootdey</a></h5>
            </div>
         </div> 
    </div>

This is the CSS code for this bootstrap snippet

Copy, paste, change, customize and run the following CSS code to get a result Like the one shown in the preview


.panel .panel-heading {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #262626;
    font-size: 16px;
    font-weight: 700;
}

.panel .panel-heading a {
    font-size: 11px;
    font-weight: 400;
}
                                    

Information about this bootstrap snippet

Creator: Dey Dey

Bootstrap version: 3.1.0

Created: May 10th 2014, 17:35

Views: 2.4K