Javascript 使表格变成div
我试图使窗体具有响应性并将其加载到div中,以便窗体采用div的形状而不会过度浮动。我已经将row流体应用于表单元素和div,但它仍然没有响应,如图所示Javascript 使表格变成div,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我试图使窗体具有响应性并将其加载到div中,以便窗体采用div的形状而不会过度浮动。我已经将row流体应用于表单元素和div,但它仍然没有响应,如图所示 var div_container = document.getElementById('active-container'); var users = ''; var formy = ''; for (var i = 0; i < json.
var div_container = document.getElementById('active-container');
var users = '';
var formy = '';
for (var i = 0; i < json.length; i++) {
users += '<span style="font-size:27px;"><strong>' + json[i].email + '</strong></span><br/>' + '<form class="row-fluid" style="margin-top:0px;" method="post" action="search"><input class="row-fluid" type="text" value="'+json[i].access+'" name="searchName" id="searchName" readonly/><button class="btn btn-success" type="submit"><i class="icon-circle-arrow-right icon-large"></i>FETCH</button></form>' + '<hr>';
}
编辑:
这是包含表单标记的div
<div style="overflow: auto; overflow-x: auto; height:420px; color:#4b4f54; font-size:13px;" id="active-container">
</div>
请告诉我如何使表单响应到div中,并将按钮连接到输入类型的右侧添加类。表单内联到元素使用。表单内联使表单响应,使按钮正确使用。向右拉类 如果您想让输入和按钮彼此放在一边,只需使用以下命令:-
<div class="col-sm-6 col-lg-4">
<div class="form-group">
<label class="col-sm-4 control-label">DOB - Age:</label>
<div class="col-md-7 col-xs-4 input-group">
<input type="text" id="" class="form-control" name="" style="margin-left:15px;" value="" tabindex="-1" />
<span class="input-group-btn" style="">
<button class="btn btn-success" type="submit"><i class="fa fa-angle-right" style="margin-left:15px"></i>Button</button>
</span>
</div>
</div>
</div>
为什么不使用像这样简单的东西呢。不需要JS 更新:添加了内联样式。您还可以在内联样式中按%进行调整,我发现这很有用 加价
你在使用引导程序吗?它有预定义的类。您的标记看起来像什么?哪些标记适合您的html代码。发布html代码或其他用于构建布局的标记。表单标记如何遵循问题陈述我很抱歉,我没有将其内联。检查update'Fetch';使用上面的方法,我可以在减小按钮与输入元素之间的间距时将按钮向左浮动吗
<div class="container">
<h2>Form name</h2>
<form>
<div class="form-group">
<input style="display:inline; width:75%" type="email" class="form-control" id="email" placeholder="Enter email">
<button style="width:24%"type="submit" class="btn btn-success pull-right">Fetch</button>
</div>
</form>
</div>
.container {
margin: 20px;
padding: 10px 10px;
max-width: 500px;
background: #FDFDFD;
box-shadow: 2px 2px #D8D8D8;
}