Ricky Kurniawan Ricky Kurniawan - 2 years ago 78
HTML Question

how to made image in class="row" in bootstrap be in the middle

i have a problem with my website: screenshot.

How do I make what I circled be in the middle, parallel with the navbar?
This is my code :

<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-12 text-center">
<div class="thumbnail">
<img src="" alt="">
<div class="caption">
<a href="#" class="btn btn-primary" role="button">add to chart</a>

Answer Source

First, maybe you can read this: http://www.w3schools.com/bootstrap/bootstrap_grid_basic.asp

With the grid basic, you know col-12 is the whole width. If you want to make it in the middle try this: (This might not be the best code here, but should work).

<div class="col-md-4"></div>
  <div class="col-md-4">
<div class="col-md-4"></div>

Let me know if it was helpful.


Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download