bootstrap如何将图像设置为中心

Question

<?php       
$query = $db->query("SELECT * FROM product");
    if($query->num_rows > 0){ 
        while($row = $query->fetch_assoc()){
            $m_1 = $row['IMG'];
?>          
            <div class="col-xs-4" style="border:1px solid red"><img src="tmp/<?php echo $m_1 ?>" style="width:100%"></div>
<?php
        }
    }
?>

如何将col-xs-4设置为居中或图像居中？我希望第二张图像设置在中心位置？