引導不要讓我中心div

-2

我使用mvc5與剃刀viewengine和引導我想成爲一些圖像居中，當我使用Boostrap.css中心不工作，但是當我刪除bootstrap.css它工作正常。我用bootsrtap text center class，但它不工作太：/ http://jsfiddle.net/9h5rvgLc/引導不要讓我中心div

來源

2015-11-30 shima amini

使用.img-responsive{ margin:0px auto}可能對你有用

來源

2015-11-30 11:27:56

你知道我自己測試，但它不工作，但它的工作，可恥的是我，謝謝 –

你最歡迎。 –

嘗試增加display: block; margin: 10px auto到style屬性。這將以div爲中心。我已經更新了演示的jsfiddle，link。

<div> 
    <div style="margin-top: 10px; padding-right: 0px; padding-left: 0px;" class="col-sm-12 col-md-6 col-lg-4"> 
    <a href="#"> 
     <img style="display: block; margin: 10px auto; width:450px ; height:390px;" class="img-responsive" src="http://images.all-free-download.com/images/graphiclarge/daisy_pollen_flower_220533.jpg" /> 
    </a> 
    <h3 class="h">@item.GoodTitle</h3> 
    <h5 class="h">@item.GoodSubText</h5> 
    </div> 
</div>

Ps。也會將height從height: 390px更改爲height: auto以避免圖像拉伸。

來源

2015-11-30 11:28:41 manosim

您的圖片標籤改成這樣：

<img style="width:450px ; height:390px; display: inline" class="img-responsive" src="http://images.all-free-download.com/images/graphiclarge/daisy_pollen_flower_220533.jpg" />

通知我說：display: inline

來源

2015-11-30 11:29:29

的還有另一種方式來做到這一點：

包括類= 「中心塊」如下圖所示：

<img .. class="img-responsive center-block" src="http://images.all-free-download.com/images/graphiclarge/daisy_pollen_flower_220533.jpg" />

檢查小提琴：
https://jsfiddle.net/9h5rvgLc/5/

來源

2015-11-30 11:38:53 lttesp

引導不要讓我中心div

回答

相關問題