bootstrap怎么做基于表格的表单

答案:2 悬赏:10 手机版

解决时间 2021-03-03 11:56

提问者网友：富士山上尢
2021-03-03 02:29

bootstrap怎么做基于表格的表单

最佳答案

五星知识达人网友：零点过十分
2021-03-03 02:45

bootstrap-responsive.css文件是为了兼容更多的移动设备使用的，你可以查看源码，内部是一些媒体查询代码。bs的响应式在bootstrap.css文件里面就有的。 bootstrap的栅格结构并不是通过该文件实现

全部回答

1楼网友：末日狂欢
2021-03-03 03:03

单独的表单控件会被自动赋予一些全局样式。所有设置了.form-control的、

和<select>元素都将被默认设置为width: 
100%;。将label和前面提到的这些控件包裹在.form-group中可以获得最好的排列。

复制代码
代码如下:

<form role="form">
<div 
class="form-group">
<label for="exampleinputemail1">email 
address</label>
<input type="email" class="form-control" 
id="exampleinputemail1" placeholder="enter email">
</div>
<div 
class="form-group">
<label 
for="exampleinputpassword1">password</label>
<input 
type="password" class="form-control" id="exampleinputpassword1" 
placeholder="password">
</div>
<div 
class="form-group">
<label for="exampleinputfile">file 
input</label>
<input type="file" id="exampleinputfile">
<p 
class="help-block">example block-level help text 
here.</p>
</div>
<div 
class="checkbox">
<label>
<input type="checkbox"> check me 
out
</label>
</div>
<button type="submit" class="btn 
btn-default">submit</button>
</form></div>




<div class="s-title">我要举报</div>
<div class="content">如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
<br>
<a href="javascript:SendReport('','20572795','10');"><div class="btns-black">点此我要举报以上问答信息</div></a>
</div>
<div class="m head_s" id="destoon_space"></div>
<script type="text/javascript">
function SendReport(c,id,mid) {
    var mbpath="https://m.zhsho.com/";
var c = c ? c : ($('#title').length > 0 ? $('#title').html() : document.title)+'\n'+window.location.href;
if(id){
    var htm = '<form method="post" action="'+mbpath+'api/report.php?itemid='+id+'&mid='+mid+'" id="dreport">';
}else{
    var htm = '<form method="post" action="'+mbpath+'api/report.php" id="dreport">';
}
htm += '<textarea style="display:none;" name="content">'+c+'

'; htm += ''; $('#destoon_space').html(htm); Dd('dreport').submit(); }