Bootstrap无法将内联分割，我应该用什么来将它们分成列

Question

我是初学者并且正在学习它。我正在尝试创建一个这样的表单页面，这是我在JSP中创建的。这是页面的一部分。

但是当尝试使用bootstrap时，我所能提出的就是这样的。我想知道如何继续重新创建内容的形式/指南。我尝试使用普通的HTML。但我无法想出一个像我在JSP中制作的那样的形式

Answer 1

尝试类似：

＆＃13;

＆＃13;

use kartik\typeahead\TypeaheadBasic;
$data = ['Alabama', 'Alaska', 'Arizona', 'Arkansas'];

<link href="/vendor/kartik-v/yii2-widget-typeahead/assets/css/typeahead.min.css" media="all" rel="stylesheet" type="text/css"/>
<script src="/vendor/kartik-v/yii2-widget-typeahead/assets/js/typeahead.jquery.min.js" type="text/javascript"></script>

<?= $form->field($model, 'field')->widget(TypeaheadBasic::classname(), [
            'data' => $data,
            'pluginOptions' => ['highlight' => true],
            'options' => ['placeholder' => 'Filter as you type ...'],
        ])->label('Label') ?>

＆＃13;

＆＃13;

＆＃13;

基于：

Bootstrap 3 2-column form layout