水平对中自举3个标签

Question

我在服务部分向center-vertically添加了<div class="col-lg-6 col-lg-offset-3">，但这似乎不起作用。我也试过了其他几件事，但没有成功。

center-vertically包含：

display: table-cell;
text-align: center;
vertical-align: middle;

查看live version here（只需转到服务部分查看选项卡）如果检查选项卡所在列上的元素，您将在右侧看到一些额外的空间。

Answer 1

父母应该：

parent {
  display: table;
}

子：

child {
  display: table-cell;
  vertical-align: middle;
  margin: 0 auto; // if you want horizontal centering too
}

<强>更新

将UL水平居中于列内：

<ul class="nav nav-tabs" style="display: inline-block;margin: 0 auto;">

您的UL有全宽。 display：inline-block 将修剪它并 margin：0 auto 将其置于父级内部。