在自举中有4列的Div

Question

我正在尝试使用引导程序，以便表单在所有设备中响应。我已经添加了bootstrap css和bootstrap 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列结​​构？ 感谢

Answer 1

自举V3，你可以使用内嵌的形式如下：

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