0

この例を見る: http://angular-formly.com/#/example/bootstrap-specific/advanced-layout

フィールドが水平に表示される理由は何ですか? rowフィールドグループのクラスですか？またはcol-xs-6、個々のフィールドのクラスで (名/姓のフィールドだけを見た場合)?

私の仕事では Twitter ブートストラップ (arg!) を使用できず、ブートストラップを使用しない場合にこの例のようにフィールドを同じ行に配置するのに問題があるため、質問しています。

同じ行のフィールドを取得するためにブートストラップ クラスを使用する必要がありますか?

4

3 に答える 3

2

CSS。それらは、col-xs-6 クラスが適用された div にラップされます。そのクラスは左にフロートし、幅は 50% です。

.col-xs-6 {
   width:50%;
   float:left;
}

https://jsfiddle.net/6njkou1g/

于 2015-08-31T23:26:48.920 に答える
0

col-xs-62 列に使用します。

  <form class="form">
        <div class="row">
            <div class="col-xs-6">
                <div class="form-group">
                    <label for="exampleInputEmail1">Email address</label>
                    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
                </div>
            </div>
            <div class="col-xs-6">
                <div class="form-group">
                    <label for="exampleInputPassword1">Password</label>
                    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
                </div>
            </div>
        </div>
    </form>

http://jsfiddle.net/rwfje779/

于 2015-08-31T23:36:58.513 に答える