Twitter bootstrap 3 如何使用引导在一行中获取多个复选框？_Twitter Bootstrap 3

Twitter bootstrap 3 如何使用引导在一行中获取多个复选框？

twitter-bootstrap-3

Twitter bootstrap 3 如何使用引导在一行中获取多个复选框？,twitter-bootstrap-3,Twitter Bootstrap 3,我必须在表格中显示一周中的所有7天。他们目前的表现是这样的：使用此代码： <div class="form-group"> <label class="col-md-4 control-label" for="checkboxes">Day(s) of Week</label> <div class="col-md-4"> <label class="checkbox-inline" for="checkboxes-0"

我必须在表格中显示一周中的所有7天。他们目前的表现是这样的：

使用此代码：

<div class="form-group">
  <label class="col-md-4 control-label" for="checkboxes">Day(s) of Week</label>
  <div class="col-md-4">
    <label class="checkbox-inline" for="checkboxes-0">
      <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1">
      Su
    </label>
    <label class="checkbox-inline" for="checkboxes-1">
      <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2">
      Mo
    </label>
    <label class="checkbox-inline" for="checkboxes-2">
      <input type="checkbox" name="checkboxes" id="checkboxes-2" value="3">
      Tu
    </label>
    <label class="checkbox-inline" for="checkboxes-3">
      <input type="checkbox" name="checkboxes" id="checkboxes-3" value="4">
      We
    </label>
    <label class="checkbox-inline" for="checkboxes-4">
      <input type="checkbox" name="checkboxes" id="checkboxes-4" value="5">
      Th
    </label>
    <label class="checkbox-inline" for="checkboxes-5">
      <input type="checkbox" name="checkboxes" id="checkboxes-5" value="6">
      Fr
    </label>
    <label class="checkbox-inline" for="checkboxes-6">
      <input type="checkbox" name="checkboxes" id="checkboxes-6" value="7">
      Sa
    </label>
  </div>
</div>


星期日
苏
钼
屠
我们
Th
Fr
Sa

如何使它们全部显示在一行中

提前感谢。

将您的代码放入

容器和行中，如下面的代码
<div class="container">
    <div class="row">
        //Your code
    </div>
 </div>


//你的代码

你的代码
<div class="container">
<div class="row">   
<label class="col-md-12 control-label" for="checkboxes">Day(s) of  Week</label>
</div>
<div class="row">
<div class="form-group">
<label class="col-md-1 checkbox-inline" for="checkboxes-0">
  <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1">
  Su
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-1">
  <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2">
  Mo
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-2">
  <input type="checkbox" name="checkboxes" id="checkboxes-2" value="3">
  Tu
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-3">
  <input type="checkbox" name="checkboxes" id="checkboxes-3" value="4">
  We
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-4">
  <input type="checkbox" name="checkboxes" id="checkboxes-4" value="5">
  Th
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-5">
  <input type="checkbox" name="checkboxes" id="checkboxes-5" value="6">
  Fr
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-6">
  <input type="checkbox" name="checkboxes" id="checkboxes-6" value="7">
  Sa
</label>
</div>
</div>
</div>


星期日
苏
钼
屠
我们
Th
Fr
Sa
将代码放入容器和行中，如下面的代码
<div class="container">
    <div class="row">
        //Your code
    </div>
 </div>


//你的代码

你的代码
<div class="container">
<div class="row">   
<label class="col-md-12 control-label" for="checkboxes">Day(s) of  Week</label>
</div>
<div class="row">
<div class="form-group">
<label class="col-md-1 checkbox-inline" for="checkboxes-0">
  <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1">
  Su
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-1">
  <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2">
  Mo
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-2">
  <input type="checkbox" name="checkboxes" id="checkboxes-2" value="3">
  Tu
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-3">
  <input type="checkbox" name="checkboxes" id="checkboxes-3" value="4">
  We
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-4">
  <input type="checkbox" name="checkboxes" id="checkboxes-4" value="5">
  Th
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-5">
  <input type="checkbox" name="checkboxes" id="checkboxes-5" value="6">
  Fr
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-6">
  <input type="checkbox" name="checkboxes" id="checkboxes-6" value="7">
  Sa
</label>
</div>
</div>
</div>


星期日
苏
钼
屠
我们
Th
Fr
Sa
将代码放入容器和行中，如下面的代码
<div class="container">
    <div class="row">
        //Your code
    </div>
 </div>


//你的代码

你的代码
<div class="container">
<div class="row">   
<label class="col-md-12 control-label" for="checkboxes">Day(s) of  Week</label>
</div>
<div class="row">
<div class="form-group">
<label class="col-md-1 checkbox-inline" for="checkboxes-0">
  <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1">
  Su
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-1">
  <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2">
  Mo
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-2">
  <input type="checkbox" name="checkboxes" id="checkboxes-2" value="3">
  Tu
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-3">
  <input type="checkbox" name="checkboxes" id="checkboxes-3" value="4">
  We
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-4">
  <input type="checkbox" name="checkboxes" id="checkboxes-4" value="5">
  Th
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-5">
  <input type="checkbox" name="checkboxes" id="checkboxes-5" value="6">
  Fr
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-6">
  <input type="checkbox" name="checkboxes" id="checkboxes-6" value="7">
  Sa
</label>
</div>
</div>
</div>


星期日
苏
钼
屠
我们
Th
Fr
Sa
将代码放入容器和行中，如下面的代码
<div class="container">
    <div class="row">
        //Your code
    </div>
 </div>


//你的代码

你的代码
<div class="container">
<div class="row">   
<label class="col-md-12 control-label" for="checkboxes">Day(s) of  Week</label>
</div>
<div class="row">
<div class="form-group">
<label class="col-md-1 checkbox-inline" for="checkboxes-0">
  <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1">
  Su
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-1">
  <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2">
  Mo
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-2">
  <input type="checkbox" name="checkboxes" id="checkboxes-2" value="3">
  Tu
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-3">
  <input type="checkbox" name="checkboxes" id="checkboxes-3" value="4">
  We
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-4">
  <input type="checkbox" name="checkboxes" id="checkboxes-4" value="5">
  Th
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-5">
  <input type="checkbox" name="checkboxes" id="checkboxes-5" value="6">
  Fr
</label>
<label class="col-md-1 checkbox-inline" for="checkboxes-6">
  <input type="checkbox" name="checkboxes" id="checkboxes-6" value="7">
  Sa
</label>
</div>
</div>
</div>


星期日
苏
钼
屠
我们
Th
Fr
Sa
将它们排列在一个表中，因为它已经是内联的。签入引导。容纳它的容器的宽度是多少？使你的柱子更宽。你可能是在太窄的屏幕上看这个。您可以将其设置为col-md-8
。将它们安排在一个表中，因为它已经是内联的。签入引导。容纳它的容器的宽度是多少？使你的柱子更宽。你可能是在太窄的屏幕上看这个。您可以将其设置为col-md-8
。将它们安排在一个表中，因为它已经是内联的。签入引导。容纳它的容器的宽度是多少？使你的柱子更宽。你可能是在太窄的屏幕上看这个。您可以将其设置为col-md-8
。将它们安排在一个表中，因为它已经是内联的。签入引导。容纳它的容器的宽度是多少？使你的柱子更宽。你可能是在太窄的屏幕上看这个。您可以将其设置为col-md-8
。