ブートストラップで4列のDiv

Question

私はブートストラップを使用しようとしています。そのため、フォームはすべてのデバイスで応答します。ブートストラップのCSSとブートストラップjsを追加しました。 私は4列のdiv構造をしようとしていますが、データは2行になります。私は以下のコードを使用しています。

var formTable = "".concat("<div class='container' width='100%'><h2>Raise a New Request</h2><hr/>", 
             "<br/>", 
             "<div class='row'>", 
              "<div class = 'col-sm-3 col-md-3'><label class='control-label'>Request Log Date: </label></div>", 
              "<div class = 'col-sm-3 col-md-3'>{{Ctrl}}</div>", 
              "<div class = 'col-sm-3 col-md-3'><label class='control-label'>Number of Requests <em style='color:red'>*</em>: </label></div>", 
              "<div class = 'col-sm-3 col-md-3'>{{Ctrl}}</div>", 
             "</div></div>"); 

4列の構造体を作成するにはどうすればよいですか？ブートストラップV3で おかげ

Answer 1

は、あなたは以下の通りインラインフォームを使用することがあります。ここでは

var formTable = "".concat("<form class='form-inline'><h2>Raise a New Request</h2><hr/>", 
            "<br/>", 
            "<div class='form-group'>", 
             "<div class = 'form-group'><label class='control-label'>Request Log Date: </label></div>", 
             "<div class = 'form-group'>{{Ctrl}}</div>", 
             "<div class = 'form-group'><label class='control-label'>Number of Requests <em style='color:red'>*</em>: </label></div>", 
             "<div class = 'form-group'>{{Ctrl}}</div>", 
            "</div></form>"); 

は、この機能についての詳細は：http://getbootstrap.com/css/#forms-inline