BootStrap表单宽度设置方法
更新时间：2017年03月10日 10:52:58 作者：sinat_27696941
这篇文章主要介绍了BootStrap表单宽度设置方法,仅仅是小编日常遇到问题记录，写的不好还请见谅，需要的朋友可以参考下
用bootstrap的栅格“ coll-md- ”命令设置宽度总是不尽人意，有时上下框对不齐，有时上下宽度又不齐，这时建议用“style="width:100px" "
<div class="page-header">
<form class="form-horizontal" >
<div class="form-group form-group-lg">
<label class="col-sm-2 control-label no-padding-right"style="float:left;font-size:1em; font-family:Microsoft YaHei;"for="form-field-userName1">转运联单号</label>
<div class="col-sm-4">
<input class="col-xs-12 col-sm-10" type="text" id="mission_id"placeholder="请输入关键字搜索"/>
</div>
</div>
<form>
<div>
2.或者人用style属性
<form class="form-horizontal" >
<div class="form-group">
<label class="col-sm-1 control-label no-padding-right"style="width:180px;font-size:1em; font-family:Microsoft YaHei;"for="form-field-userName1">任务单号:</label>
<div class="col-sm-4">
<input class="col-xs-12 col-sm-10" type="text" id="form-field-userName1"placeholder="请输入关键字搜索"/>
</div>
</div>
</from>
对比可以看出来，使用第二种方法更加整齐些。
本人bootstrap刚入门，只是在做项目时遇到的问题和解决方法写下来，可能有时是错误的，请大家多多指教。如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
相关文章
下面小编就为大家带来一篇JS之相等操作符详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
IE中提供了一个fireEvent方法大概就是触发某个事件发生的意思，以为是和onclick()一样，看来是我自已为是了,有时间还要多看看javascript的细节啊,广大网友也是啊2013-02-02
js弹出窗口之弹出层的小例子，需要的朋友可以参考一下2013-06-06
这篇文章主要介绍了微信小程序收货地址API兼容低版本解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHei
Javascript拖拽用到的一些关于位置定位的一些参数2008-09-09
这篇文章主要为大家介绍了如何利用Three.js+React技术栈，将二维漫画图片转化为三维视觉效果。文中的实现方法讲解详细，需要的可以参考一下2022-02-02
console 是 JavaScript 提供的一个全局对象,常用于调试和日志记录,它包含一组方法,用于在控制台中打印消息、显示数据以及调试程序,本文介绍js 中的console使用示例,感兴趣的朋友一起看看吧2024-12-12
这篇文章主要介绍了一个字符串反转函数可实现字符串倒序，很简单，但很实用，感兴趣的朋友可以参考下2014-09-09
这篇文章主要介绍了微信小程序使用request网络请求操作,结合实例形式分析了wx.request(object)网络请求操作的具体使用技巧,需要的朋友可以参考下2017-12-12![分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]](//img.jbzj.com/images/xgimg/bcimg9.png)
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
今天地铁上和一个同事闲聊,给我说的一道题,回来想了想,写出来的,说来惭愧,我用的是行测方面数字推理里面的知识归纳出来的,当然这个可以用递归写出来,说说我的代码,以及递归的思路2012-10-10
![分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]](http://img.jbzj.com/images/xgimg/bcimg9.png)
最新评论