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>
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
Post a Comment