Question

任何人都可以了解如何在Bootstraps form-group格式化Radio Buttons吗？

如果有太多的无线电控制并且环绕到下一行，则会出现问题。引导控制盒不会花费适合所有东西。

下面的附件样本已经过简化以用于说明目的。

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" />

<div class="form-group has-feedback">
  <label class="control-label" for="mRadio">Radio Test</label>
  <div id="mRadio" class="form-control">
    <label class="radio-inline">
      <input type="radio" name="optradio">Option 1</label>
    <label class="radio-inline">
      <input type="radio" name="optradio">Option 2</label>
    <label class="radio-inline">
      <input type="radio" name="optradio">Option 3</label>
    <label class="radio-inline">
      <input type="radio" name="optradio">Option 4</label>
    <label class="radio-inline">
      <input type="radio" name="optradio">Option 5</label>
    <label class="radio-inline">
      <input type="radio" name="optradio">Option 6</label>
    <label class="radio-inline">
      <input type="radio" name="optradio">Option 7</label>
    <label class="radio-inline">
      <input type="radio" name="optradio">Option 8</label>
    <label class="radio-inline">
      <input type="radio" name="optradio">Option 9</label>
    <label class="radio-inline">
      <input type="radio" name="optradio">Option 10</label>
  </div>
  <span class="glyphicon glyphicon-ok form-control-feedback"></span>
</div>

Answer 1

添加此css以覆盖bootstrap

设置的高度

.form-control {height: auto;}

Radio Buttons的Bootstrap form-group

1 个答案: