web-dev-qa-db-ja.com

bootstrap modal内に列を配置する

私はBootstrapモデルを取得して、その中に複数の列がありますが、列ではなくコンテンツが垂直に表示されているようには見えません。私のコードは次のとおりです。

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Modal</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="row-md-6">
                        Left
                    </div>
                    <div class="row-md-6">
                        Right
                    </div>
                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>

Bootstrap 2でこの問題を解決したいくつかのことを見つけましたが、Bootstrap 3.では動作しません。 row-md-6からsmxsなどになりますが、運はありません。 Bootstrap 3?で列を作成することは可能ですか?列は私にとって最も理想的なものですが、列をすべて避けるべきですか?

23
Duncan Ogle

Bootstrapにはrow-md-*はありませんが、col-md-*は機能するはずです。

    <div class="modal-body">
          <div class="row">
            <div class="col-md-6">
              Left
            </div>
            <div class="col-md-6">
              Right
            </div>
          </div>
    </div>

http://www.bootply.com/130819

51
Zim