Bootstrap - 与标签对齐是否

Question

我正在使用Bootstrap，需要解决以下问题。我有一些文字太长而且不正确地失败了。我怎样才能正确分解这个LI标签，使其与输入一致？是否有一个Bootstrap类可以为我处理这个问题？

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<ul class="list-inline">
  <li>
    <label class="">
      <input class="radio" type="radio" name="check_hate_crime" value="1" required="">Yes</label>
  </li>
  <li>
    <label class="">
      <input class="radio" type="radio" name="check_hate_crime" value="0" required="">No</label>
  </li>
  <li>
    <label for="check_hate_crime" class="control-label" style="float:left;font-weight:bold !important;">Do you believe you are the victim of a crime because of your race, religion, sexual orientation, handicap, ethnicity or national origin?</label>
  </li>
</ul>

Answer 1

解决此问题的一种方法是使用display: table-cell代替.list-inline li代替inline-block。

.list-inline li {
    display: table-cell;
    vertical-align: top;
}