使用Bootstrap[重复]对列居中
我有以下代码：
<div class="row">
<div class="col-xs-12" id="buttonList">
<ul class="list-inline">
<li><button id="homeBtn" type="button" class="smallMarginB headerButton active btn btn-sm btn-primary">Home</button></li>
<li><button id="aboutBtn" type="button" class="smallMarginB headerButton btn btn-sm btn-primary">About</button></li>
<li><button id="servicesBtn" type="button" class="smallMarginB headerButton btn btn-sm btn-primary">Services</button></li>
<li><button id="transBtn" type="button" class="smallMarginB headerButton btn btn-sm btn-primary">Transformations</button></li>
<li><button id="testBtn" type="button" class="smallMarginB headerButton btn btn-sm btn-primary">Testimonials</button></li>
<li><button id="contactBtn" type="button" class="smallMarginB headerButton btn btn-sm btn-primary">Contact</button></li>
<li><button id="faqBtn" type="button" class="smallMarginB headerButton btn btn-sm btn-primary">FAQ</button></li>
</ul>
</div>
</div>
它只是在单个列中显示按钮。无论用户的分辨率如何，我都希望它是居中的。我试过使用offesets，但对于奇怪的分辨率它不起作用（例如分辨率是1366px)。我也尝试添加col-centered和margin：auto但没有成功。
共有2个答案
您可以尝试：
边距-左：自动；边距右：水平对齐的auto；
边距-顶部：自动；margin-bottom:auto，用于垂直对齐
或
边距:auto。
尝试将class=“text-center”添加到div col元素：
<div class="col-xs-12 text-center" id="buttonList">
-
问题内容： 如何在Twitter Bootstrap 3的容器（12列）中将一列大小的div居中？ 我想要一个类，该类在容器内居中。如果有多个s，我可能会使用一行，但是现在我只想要a ，其大小以一列为中心位于容器内（12列）。 我也不确定上述方法是否足够好，因为其目的不是要抵消一半。我不需要外部的自由空间，并且内容的内容按比例缩小。我想在div外部留出空间以使其均匀分布 （缩小直到容器宽度等于一列
-
问题内容： 我正在使用Bootstrap 3.0创建网站。我是新手。我想要的是，当浏览器尺寸太小时，我想在div中心放置图像，我有此代码。 问题答案： 更新2018 Bootstrap 2.x 您可以创建一个新的CSS类，例如： 然后，将其添加到每个IMG： 或者，如果要将所有图像居中，则只需覆盖即可。 演示： http ： //bootply.com/86123 Bootstrap 3.x 编辑
-
我很难将容器中的一些内容水平居中： https://jsfiddle.net/y56t31q9/6/ 我本以为justify-content会做到这一点，但无济于事。 如有任何帮助，不胜感激，谢谢！
-
我想对名为“LTE\u PrbUtil”的excel文件工作表进行排序，它有一个名为“CELL”的列，该列是字符串降序。当我运行程序并发现一些错误时： 这是我的代码： 数据框似乎无法识别。有人能帮忙吗？
-
我试图让中的内容在中间对齐，但没有效果。我知道将列设置为2的大小不会填满12列的网格系统的空间，但我希望它无论如何都要对齐到中间。
-
看到我用红色箭头标记的空白处，我想让这些div居中。但它在往左飘。我将所有这些div放置到middleBox div中，并在middleBox中设置了，但没有任何效果。 帮帮我伙计们 我的HTML null null