html - get content align center -


im trying build profile card view , im using bootstrap it.

i build 2 div elements on class col-lg-3 , other 1 col-lg-9. problem content inside col-lg-9 not align in center. has more space on right side on left side , tryde them center. disabled margin , padding didnt worked.

the col-lg-9 inside row , normal container. , inside col-lg-9 content. have here sample onbootplay if ya marke container can see contents class card hase right more space.

thats html code of

            <div class="col-lg-9" style="min-height: 100px; background-color: #333">             <div class="container">                 <div class="card">                     <div class="model-image">                         <img src="img/elliot.jpg">                     </div>                     <div class="card-content">                         <a class="card-header">team fu</a>                      <div class="meta">                         <span class="date">create in sep 2014</span>                     </div>                 </div>                     <div class="card-footer">                         <a href="#">ds</a>                     </div>                 </div>             </div>         </div> 

enter image description here

i uploadet ya can see whole site. better understanding demo

if add container .card divs centered:

<div class="container text-center">   <div class="cards-container" style="display:inline-block; box-sizing:border-box;">     <!-- here .card divs -->    </div> </div> 

you can add css of cards-container in css file.


Comments

Popular posts from this blog

Django REST Framework perform_create: You cannot call `.save()` after accessing `serializer.data` -

Why does Go error when trying to marshal this JSON? -