Question

所以我正在建立一个网站，在页面的底部有一个口号。哪个位于带有自定义CSS的div中（包括顶部和底部border）。

但是，文本以css为中心，但在两个border之间没有垂直居中。

这是我的代码。

#foot {
  border-bottom: 6px solid black;
  background-color: #9C0002;
  font-family: 'Balthazar', serif;
  color: black;
  text-align: center;
  border-top: 6px solid black;
  vertical-align: middle;
}

<div class="row" id="foot">
  <div class="col-lg-12">
    <h2>UNLOCKING  YOUR  POTENTIAL</h2>
  </div>
</div>

任何帮助都会非常感激。

Answer 1

那是因为在Twitter引导中，H1到H3，margin-top:20px和margin-bottom:10px

您需要在自定义CSS文件中覆盖这些值。

＆＃13;

#foot {
  border-bottom: 6px solid black;
  background-color: #9C0002;
  font-family: 'Balthazar', serif;
  color: black;
  text-align: center;
  border-top: 6px solid black
}
#foot h2 {
  margin: 10px /* choose whaterver you want */
}

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
  <div class="row" id="foot">
    <div class="col-lg-12">
      <h2>UNLOCKING  YOUR  POTENTIAL</h2>
    </div>
  </div>
</div>

＆＃13;

CSS中的顶部和底部边框不会在<div>标记内垂直对齐文本

1 个答案: