【发布时间】：2018-01-24 04:02:51
【问题描述】：
我似乎无法让输入之间有一个边距。我虽然 form-group 应该处理这个问题，但边距不起作用。
为什么不工作，我该如何解决？
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<div class="row">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#command">Command</a></li>
<li><a data-toggle="tab" href="#volumes">Volumes</a></li>
<li><a data-toggle="tab" href="#networkTab">Network</a></li>
<li><a data-toggle="tab" href="#labels">Labels</a></li>
<li><a data-toggle="tab" href="#environmentTab">Environment Variables</a></li>
<li><a data-toggle="tab" href="#security">Security</a></li>
</ul>
<div class="tab-content tab-content-border" style="width: 100%">
<div id="command" class="tab-pane fade in active">
<div class="form-group">
<label for="commands" class="col-sm-2 control-label">Command</label>
<div class="col-sm-10">
<input name="commands" id="commands" class="form-control" type="text" />
</div>
</div>
<div class="form-group">
<label for="entryPoint" class="col-sm-2 control-label">Entry Point</label>
<div class="col-sm-10">
<input name="entryPoint" id="entryPoint" class="form-control" type="text" />
</div>
</div>
<div class="form-group">
<label for="workingDir" class="col-sm-2 control-label">Working
Directory</label>
<div class="col-sm-10">
<input name="workingDir" id="workingDir" class="form-control" type="text" />
</div>
</div>
<div class="form-group">
<label for="user" class="col-sm-2 control-label">User</label>
<div class="col-sm-10">
<input name="user" id="user" class="form-control" type="text" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Console</label>
<div class="col-sm-10">
<div class="col-sm-5">
<div class="radio radio-info">
<input name="console" id="it" class="form-control" type="radio" />
<label for="it">Interactive & TTY
<small>(-i -t)</small>
</label>
</div>
<div class="radio radio-info">
<input name="console" id="tty" class="form-control" type="radio" />
<label for="tty">TTY
<small>(-t)</small>
</label>
</div>
</div>
<div class="col-sm-5">
<div class="radio radio-info">
<input name="console" id="interactive" class="form-control" type="radio" />
<label for="interactive">Interactive
<small>(-i)</small>
</label>
</div>
<div class="radio radio-info">
<input name="console" id="none" class="form-control" type="radio" checked/>
<label for="none">None</label>
</div>
</div>
</div>
</div>
</div>【问题讨论】：
-
我增加了 .form-group{ margin-bottom } 并且效果很好。您是在谈论 sn-p 末尾的“控制台”部分还是...？请更具体
-
如果你在谈论那部分......那是一个表单组元素，所以在上面添加边距不会对输入做任何事情其中包含的字段。这些是单独包装在
<div class="radio radio-info">中的，因此您可能希望为这些指定边距...
标签： html css twitter-bootstrap twitter-bootstrap-3