同一行上的標籤和收音機不能跨越td寬度

Question

我正在使用bootstrap作爲樣式。 的HTML類似：

<td> 
    <div class="form-group"> 
    <label class="radio inline"> 
     <input type="radio" ng-model="domain.alignment" value="R"> R 
    </label> 
    </div> 
</td> 

和CSS的：

label {display: block;} 

結果是如下：

我應該如何解決？

Answer 1

我發現了幾件事。 <div class="form-group">在這裏似乎沒有必要，並且您在<label class="radio inline>上缺少->，應該是radio-inline。以下佈局似乎有效：

<td> 
    <label class="radio-inline"> 
    <input name="alignment" value="left" type="radio"> L 
    </label> 
    <label class="radio-inline"> 
    <input name="alignment" value="center" type="radio"> C 
    </label> 
    <label class="radio-inline"> 
    <input name="alignment" value="right" type="radio"> R 
    </label> 
</td> 

查看Bootply的示例。