这是一个非常基本的问题(学习引导程序/bootstrap4)。
我不明白为什么下面的“按钮”没有与上面的两个元素保持对齐。我试过很多变种,但还是不明白。
我不是在“寻找法典”,而是在这里寻找我理解中的缺陷。没有其他CSS活动。
<div class=“container”>
形式& gt;
<字段集>
<DIV class=“表单组”>
<DIV class=“row”>
<label for=“project directory”class=“col-4 col form label text right”>项目目录</label>
<input type=“text”class=“col col-6 form control”id=“project directory”placeholder=“选择目录”。……
<small class=“offset-4 form text muted mb-3”>选择或创建保存项目的目录</small>
&L/DIV & GT;
<DIV class=“row”>
<DIV class=“col offset-4”>
<button class=“btn btn primary”>按钮</button>
&L/DIV & GT;
&L/DIV & GT;
&L/DIV & GT;
</fieldset>
&表格/表格;
</DIV>>=
update:
OK using the chrome dev tools,I can now see the added padding for
col
(should have thought to look before asking the question).我正在学习一个视频教程,我认为老师说要将
col
添加到每个元素中,即使还添加了
col-4
或
offset-2
等标记。对我来说似乎是多余的,但似乎有很多是多余的,比如使用
btn primary
.
我不是在“寻找法典”,而是在这里寻找我理解中的缺陷。没有其他CSS活动。
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<form>
<fieldset>
<div class="form-group">
<div class="row">
<label for="project-directory" class="col-4 col-form-label text-right">Project Directory</label>
<input type="text" class="col col-6 form-control" id="project-directory" placeholder="Select directory. . .">
<small class="offset-4 form-text text-muted mb-3">Select or create the directory where the project should be saved</small>
</div>
<div class="row">
<div class="col offset-4">
<button class="btn btn-primary">Button</button>
</div>
</div>
</div>
</fieldset>
</form>
</div>
更新:
好的,使用chrome dev工具,我现在可以看到
col
(在提问之前应该先考虑一下)。我在看视频教程,我以为老师说
科尔
将添加到每个元素中,即使标记
col-4
或
offset-2
还添加了。对我来说似乎是多余的,但似乎有很多像使用
btn btn-primary
.
