2017-02-18 70 views
0

我想將圖像移動到中心位置,但不知道它是如何不會發生的。Bootstrap圖像不會中心

我有一個"container-fluid",然後用"row""col-md-12"甚至padding:0嘗試包裹,它仍然無法正常顯示。

讚賞任何意見。

enter image description here

+0

顯示添加'100%,浮動:左;'的'圖像COL-MD-12' –

回答

1

您必須添加到div的這段代碼:

<div class = " col-md-12 col-sm-12 col-xs-12" 

COL-MD-12 - 爲dekstop COL-SM-12 - 平板電腦 COL-XS -12 - 用於電話

margin: 0 auto不起作用。

+0

你是對的,我需要的父DIV更改爲** col-xs-12 **和** margin:0 auto **才能工作。 –

1

嘗試使用Bootstrap的文本中心類。 table`到圖像類,並添加`寬度:

<div class="row"> 
<div class="col-xs-12 col-sm-12 ... text-center"> 
    <img ... /> 
</div> 
</div>