Css 引导水平形式的交替HTML样式

我有一些表单主要由输入控件组成，但有时水平表单有如下变体：

<div class="form-group">
   <span class="col-md-3 control-label">Features</span>
   <div class="col-md-9">
     <span>This is not available.</span>
   </div>
</div>

特征
这是不可用的。

或者有时我有多个控件：

<span class="col-md-3 control-label">Payment</span>
<div class="col-md-9">
  <input value="2" name="CustomerPaymentOption" type="radio">
  <span>Credit Card</span>
</div>

付款
信用卡

---

标签内容与控件标签的级别不完全一致。我曾尝试模仿css类进行表单控制，以使span内容对齐，但在我的场景中，效果从来没有这么好。有关于让内容对齐的建议吗？

如果只想打印静态文本，可以使用静态表单控件（）

如果要使用多个复选框和单选按钮，还可以使用引导provoides。看

---

你想要这样的吗

它简单地将类添加到div（这里是我的标签）

拨弄

多次

<span class="col-md-3 control-label">Payment</span>
<div class="col-md-9 my-label">
  <input value="2" name="CustomerPaymentOption" type="radio">
  <span>Credit Card</span>
</div>

.my-label{
    display:inline-block;
}