centering - How to center an image with fluid layout in Twitter Bootstrap 2.3.2? -
i using bootstrap own site , struggle in centering single jpg image.
i use following code
<header class="row-fluid"> <div class="span4 offset4"> <img src="img/yup.jpg" title="hello" alt="world";> </div> <div class="title span12"> <h1>hello kitty</h1> </div> </header>
but still image not centered... wrong here? many thanks!!
try this
<header> <div class="row-fluid"> <div class="span5 offset2"> <center><img src="img/yup.jpg" title="hello" alt="world"></center> </div> </div> <div class="row-fluid"> <div class="title span12"> <h1>hello kitty</h1> </div> </div> </header>
update : based on comment
when use row-fluid, create row can manageable 12 parts named span1,span2...span12. offset applying margin-left. can apply per requirement. divided 12 parts. here, have used tag because want image in center default left align.
Comments
Post a Comment