Question

您能帮我理解为什么我的h1和h3标题不会对齐即使它在HTML代码中（第10 - 13行）

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
  <div class="container">
    <div class="row">
      <div class="col-md-6"><img src="http://placehold.it/100x100"></div>
      <div class="col-md-6 text-right">
        <h1>Jane Doette</h1>
        <h3>Front-end Ninja</h3>
      </div>
    </div>
  <div class="row">
.......
</div>
</div>
</div>
</body>
</html>

Answer 1

我认为文本右侧应该与文本标签一起使用，例如：<h1 class="text-right">Jane Doette</h1>

来源位于：http://getbootstrap.com/css/#type-alignment

Here is a link to a fiddle as wel

Answer 2

Bootstrap有时候很烦人。
尝试使用一些CSS。变化

  <div class="col-md-6 text-right">
    <h1>Jane Doette</h1>
    <h3>Front-end Ninja</h3>
  </div>

为：

  <div class="col-md-6" style="text-align:right;">
    <h1>Jane Doette</h1>
    <h3>Front-end Ninja</h3>
  </div>

示例小提琴： https://jsfiddle.net/1bqmgLkf/

css text-right不会工作

2 个答案: