引導程序中的中心div

Question

大家好，我正在嘗試使Bootstrap中的3個div居中，但是我沒有成功。

唯一可行的方法是僅當我使用3 <div class="col-md-4">但我想對col-md-3進行3 div並將它們居中水平時。

經過研究后，我唯一喜歡的解決方案是使用col-md-offset，但它無法正確地使div居中。 右邊的空間比左邊的空間大。

這是我的代碼，感謝您的幫助：

<div class="container">
<div class="col-md-3 col-md-offset-2">
</div>
<div class="col-md-3">
</div>
<div class="col-md-3">
</div>

如果我可以使用引導程序而不是其他方法，請與我分享。我還希望看到一個工作示例，該示例關於如何在頁面中間水平放置3個div。

謝謝您的幫助

Answer 1

您可以簡單地將它們添加到另一個div內，然后為該div使用display：inline-block，這將使其寬度變小，因此只有那些3 col-md-3適合，然后使用文本中心類在其上使用居中對齊包裝的div親