在自举中有4列的Div
问题描述:
我正在尝试使用引导程序,以便表单在所有设备中响应。我已经添加了bootstrap css和bootstrap js。 我想有一个4列div结构,但数据来了2行。我已经使用了下面的代码。在自举中有4列的Div
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,你可以使用内嵌的形式如下:
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
试过了。同样的道理。数据显示为:低于该控件的标签,低于该标签,低于该控件。我想要的是水平布局。 – venkat14
我已经使用了引导 - bootstrap-responsive.min.css,bootstrap.min.css, bootstrap.min.js – venkat14
添加了一个jsbin - https://jsbin.com/zunevamulu/1/edit – venkat14