【发布时间】：2018-12-19 04:06:02
【问题描述】：
我正在努力设置，我认为这是一个非常简单的布局。
我正在使用 Yii2 生成表单。在大多数情况下，一切都很好，但我需要设置形成字段，以便它们并排在一列中。我有一个用于英尺的表单字段和一个用于英寸的表单字段，因此我希望标签后跟英尺字段和'，然后是英寸字段和“
现在，默认情况下，我的 Yii2 正在生成（我已经尝试了大量的突变，但我认为我会发布基本生成的代码，然后我可能会或可能不会搞砸）。
<div class="col-md-4">
<div class="form-group field-projects-loadlength has-success">
<label class="control-label col-md-4" for="projects-loadlength">Length</label>
<div class="col-sm-6">
<input type="text" id="projects-loadlength" class="form-control" name="Projects[LoadLength]" value="120.00" tabindex="32" aria-invalid="false">
<p class="help-block help-block-error "></p>
</div>
</div>
<div class="form-group field-projects-loadlength has-success">
<div class="col-sm-6 col-sm-offset-3">
<input type="text" id="projects-loadlength" class="form-control" name="Projects[LoadLength]" value="120.00" tabindex="34">
<p class="help-block help-block-error "></p>
</div>
</div>
</div>
我只是无法获得 CSS，或者可能是 HTMl，对吗？我正在使用 BootStrap 3。
最初的 div col-md-4 是我希望并排放置我的 2 个表单字段的容器。它是一个 3 列设置（每行中有一个 col-md-4），第一列将容纳长度，第二个宽度和第三个高度
我的实际 Yii2 代码是
<div class="col-md-4">
<div class="row">
<div class="form-group form-inline">
<?php
echo $form->field(
$model,
'LoadOverHang',
[
'options' => ['class' => 'col-md-8 no-padding'],
'inputOptions' => [
'value' => Yii::$app->formatter->asInteger($model->LoadOverHang),
'tabIndex'=>'50',
],
]
)->textInput();
echo "'";
?>
<!-- </div>
<div class="col-md-4" style="margin-left: 2px !important;"> -->
<?php
echo $form->field(
$model,
'LoadOverHang',
[
'inputOptions' => [
'value' => Yii::$app->formatter->asInteger($model->LoadOverHang),
'tabIndex'=>'52',
],
'options' => ['class' => 'col-md-4'],
]
)->textInput()->label(false);
echo '"';
?>
</div>
</div>
</div>
非常感谢您的帮助。
根据反馈，我尝试了以下方法，但最终还是将字段拆分为 2 行，而不是并排？
<div class="column">
<div class="row">
<div class="col-md-4">
<div class="row">
<div class="col-xs-6 form-group field-projects-loadoverhang">
<label class="control-label" for="projects-loadoverhang"> Overhang</label>
<input type="text" id="projects-loadoverhang" class="form-control" name="Projects[LoadOverHang]" value="0" tabindex="50">
<p class="help-block help-block-error "></p>
</div>
<div class="col-xs-6 form-group field-projects-loadoverhang">
<input type="text" id="projects-loadoverhang" class="form-control" name="Projects[LoadOverHang]" value="0" tabindex="52">
<p class="help-block help-block-error "></p>
</div>
</div>
</div>
</div>
</div>
【问题讨论】：
-
您想使用
ActiveForm关注哪个HTML块？我想不通
标签： html css twitter-bootstrap-3 yii2