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-jubao">如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
<mip-form method="post" url="https://m.zhsho.com/api/report.php?itemid=20572795&mid=10">
    <div class="jubao"><input type="input" name="content" validatetarget="content" value="bootstrap怎么做基于表格的表单
"></div>
<div class="jubao"><input type="input" name="type" value="不良信息"></div>
     <input type="submit" value="点此我要举报以上问答信息">
 </mip-form>
</div>


<div class="s-title">大家都在看</div>
<div class="contact">
<table width="100%">
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/dbe76a33a6e46419830f9923ece6b049.html" target="_blank" data-title="27.《砌体规范》的7．3．4条条文说明中指出，承重墙梁在托梁顶面荷载作用下不考虑组合作用，仅在墙梁顶面荷载作用下考虑组合作用，如何理解这里的荷载组合">27.《砌体规范》的7．3．4条条文说明中指出，</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/dc5c61e0d608af80a2fc2c358fe790b8.html" target="_blank" data-title="我是黑龙江文科考生，高考成绩528分，报的是黑龙江大学满族历史文化是否能录取">我是黑龙江文科考生，高考成绩528分，报的是</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/93c7d9e5496e3ab9d7f7f2f6229e62bb.html" target="_blank" data-title="苹果国际酒吧这个地址在什么地方，我要处理点事">苹果国际酒吧这个地址在什么地方，我要处理点</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/645b5a7049257cb87fc78754a984105e.html" target="_blank" data-title="新款朗逸1.6手动舒适版的二保用半合成的好还是全合成的好">新款朗逸1.6手动舒适版的二保用半合成的好还</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/c862c25695d478fa6495d40ebc8e9a96.html" target="_blank" data-title="有公安部监管局这个单位么">有公安部监管局这个单位么</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/c204f4c7ce67fbcaa08c41e3d0bddca9.html" target="_blank" data-title="武林外传里的莫小贝是哪里人?">武林外传里的莫小贝是哪里人?</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/b421b6ba0817f277d57d4cd50a3ebcdf.html" target="_blank" data-title="适龄儿童上小学，孩子户口随祖父母，需要父母开无房证明，这个无房证明是指本区名下无房就可以吗">适龄儿童上小学，孩子户口随祖父母，需要父母</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/b97a16b0e350eaa65431f8952c91ab38.html" target="_blank" data-title="烧二根香是什么意思">烧二根香是什么意思</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/cebbdf1d8c6e0f18e525d2eed69654c9.html" target="_blank" data-title="怡人商务宾馆怎么去啊，有知道地址的么">怡人商务宾馆怎么去啊，有知道地址的么</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/8058a176b2edc5e84c4866a4e6869d44.html" target="_blank" data-title="歌词有我的情人是谁唱的">歌词有我的情人是谁唱的</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/b46e360624e4155cf3339b6c52e1f347.html" target="_blank" data-title="青藏高原特有的动植物是CA. 玉米、马B. 小麦、黄牛C. 青稞、牦牛D. 水稻、水牛">青藏高原特有的动植物是CA. 玉米、马B. 小麦</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/14da2a5db0b507d23888e3dfee22001c.html" target="_blank" data-title="牛氓历经劫难，回到初恋情人琼玛的身边，为什么他不愿意承认自己的身份？请从心理学角度来分析，300字">牛氓历经劫难，回到初恋情人琼玛的身边，为什</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/7492c58ef061b44700bcd7c52a229ba8.html" target="_blank" data-title="松岗去市人民醫院座地鐵應該座幾號線">松岗去市人民醫院座地鐵應該座幾號線</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/6eace218903e1328cdfefc637d39f788.html" target="_blank" data-title="大莹通讯地址有知道的么？有点事想过去">大莹通讯地址有知道的么？有点事想过去</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/6cb7d9697aceab2ff127643d8765a541.html" target="_blank" data-title="换下来的衣服大概放置两个月不洗怎么保存好不发霉长斑">换下来的衣服大概放置两个月不洗怎么保存好不</a></td>
</tr>
</table></div>





<div class="s-title">推荐资讯</div>
<div class="contact">
<table width="100%">
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/49bd59a2d767156f6484cc9d96c481ed.html" target="_blank" data-title="下列生产工具中，属北京人使用的是AA. B. C. D.">下列生产工具中，属北京人使用的是AA. B. C. </a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/9bd14abdd66bf6f1ebb22ca09b250c07.html" target="_blank" data-title="因为我打孩老公把我打的很严重，放了一段时间他还是要找我的麻烦怎么办？我还有俩个孩子">因为我打孩老公把我打的很严重，放了一段时间</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/d2b9d2407e12cb446254f5a4de747622.html" target="_blank" data-title="路由器密钥修改了，手机显示WiFi不可用，这是怎么回事？要怎么做？">路由器密钥修改了，手机显示WiFi不可用，这是</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/f15df414246a2944fd0641993fd51a75.html" target="_blank" data-title="悦尔家宴我想知道这个在什么地方">悦尔家宴我想知道这个在什么地方</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/9995a0e61acac394c1e4a680f6dfe392.html" target="_blank" data-title="隆丰达果蔬公司这个地址在什么地方，我要处理点事">隆丰达果蔬公司这个地址在什么地方，我要处理</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/da463e4e9e24137c5731e55aae9ee8bb.html" target="_blank" data-title="墨鱼炖猪肚要放多少水煮">墨鱼炖猪肚要放多少水煮</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/fc567dc598e776cb7bea948f2e3c6b44.html" target="_blank" data-title="her son is my brother. shes my()">her son is my brother. shes my()</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/26535e9341d615d2deb316d34db2c31f.html" target="_blank" data-title="【河水】地球上的水会用完吗?河水里的水是从哪儿来的?">【河水】地球上的水会用完吗?河水里的水是从</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/78008f33e300bc5575d48ce539d28e50.html" target="_blank" data-title="在线~急！明天想给老公过一个难忘浪漫的蜡烛心型生日，没有好的方案，跪求！">在线~急！明天想给老公过一个难忘浪漫的蜡烛</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/fd7289620e68024f487aa2464c270a49.html" target="_blank" data-title="求与读书有关的诗与歌">求与读书有关的诗与歌</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/d333b0e8bc38bdc0399417a46d8ec61b.html" target="_blank" data-title="不是铜仁户口可以在铜仁上小学吗?几岁可以读呢">不是铜仁户口可以在铜仁上小学吗?几岁可以读</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/9834c95dcefa822edd412ec71e665a7e.html" target="_blank" data-title="全季酒店杭州西湖解放路店停车场在哪里啊，我有事要去这个地方">全季酒店杭州西湖解放路店停车场在哪里啊，我</a></td>
</tr>
</table><table width="100%">
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/508c37cc66ad7f2b48119b28f5de6e2c.html" target="_blank" data-title="正方形一边上任一点到这个正方形两条对角线的距离之和等于对角线长的 A：1/3 B:1/2 C:1/4 D:2倍">正方形一边上任一点到这个正方形两条对角线的</a></td>
</tr>
<tr>
<td><a data-type="mip" href="https://mip.zhsho.com/know/0b3ca78ea8ce3bb3d67f13092a35cf4b.html" target="_blank" data-title="阴历怎么看 ？">阴历怎么看 ？</a></td>
</tr>
</table></div>

</div>

<br>
<div class="s-title-jubao">
<mip-form method="post" url="https://m.zhsho.com/api/report.php?itemid=20572795&mid=10">
    <div class="jubao"><input type="input" name="content" validatetarget="content" value="bootstrap怎么做基于表格的表单
"></div>
<div class="jubao"><input type="input" name="type" value="不良信息"></div>
    <input type="submit" value="如以上问答为侵权/违法等信息，可以点此举报!">
 </mip-form>
</div>


<div class="main">
<div class="head_footer">
<a href="https://mip.zhsho.com/">网站首页</a> | <a href="https://m.zhsho.com/about/about.html" rel="nofollow">关于我们</a> | <a href="https://m.zhsho.com/guestbook/" rel="nofollow">网站留言</a>
</div>
<div class="main_footer">
<a href="https://m.zhsho.com/about/contact.html" rel="nofollow">联系永发信息网</a><br>
Copyright © 2024 <a href="https://mip.zhsho.com/">永发信息网</a> 版权所有
</div>
</div>

<mip-fixed type="gototop">
    <mip-gototop threshold='100'></mip-gototop>
</mip-fixed>
<mip-stats-baidu token="8c103b8e3599c6e1cffa7ec987eaa84b"></mip-stats-baidu>
<script src="https://c.mipcdn.com/static/v2/mip.js"></script>
<script src="https://mipcache.bdstatic.com/static/v1/mip-stats-baidu/mip-stats-baidu.js" async="async"></script>
<script src="https://c.mipcdn.com/static/v1/mip-ad/mip-ad.js" async="async"></script>
<script src="https://mipcache.bdstatic.com/static/v1/mip-lightbox/mip-lightbox.js" async="async"></script>
<script src="https://mipcache.bdstatic.com/static/v1/mip-nav-slidedown/mip-nav-slidedown.js" async="async"></script>
<script src="https://mipcache.bdstatic.com/static/v1/mip-share/mip-share.js" async="async"></script>
<script src="https://mipcache.bdstatic.com/static/v1/mip-gototop/mip-gototop.js" async="async"></script>
<script src="https://mipcache.bdstatic.com/static/v1/mip-history/mip-history.js" async="async"></script>
<script src="https://c.mipcdn.com/static/v1/mip-scrollbox/mip-scrollbox.js" async="async"></script>
<script src="https://c.mipcdn.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js"></script>
<script src="https://mipcache.bdstatic.com/static/v1.2/mip-form.js" async="async"></script>
</body>
</html>