用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刚入门，只是在做项目时遇到的问题和解决方法写下来，可能有时是错误的，请大家多多指教。如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# bootstrap  # 表单宽度  # Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法  # 请输入  # 关键字搜索  # 在此  # 不尽人意  # 可以看出  # 又不  # 种方法  # 解决方法  # 小编  # 给我留言  # 感谢大家  # 请大家多多  # 写下来  # 疑问请  # 有任何  # 只是在  # page  # div  # brush  # js 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 利用 Google AI 进行 YouTube 视频 SEO 描述优化  浏览器如何快速切换搜索引擎_在地址栏使用不同搜索引擎【搜索】  JavaScript Ajax实现异步通信  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  Laravel如何使用Scope本地作用域_Laravel模型常用查询逻辑封装技巧【手册】  Laravel如何使用Eloquent ORM进行数据库操作？（CRUD示例）  Python面向对象测试方法_mock解析【教程】  高端企业智能建站程序：SEO优化与响应式模板定制开发  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  PHP怎么接收前端传的文件路径_处理文件路径参数接收方法【汇总】  Laravel如何实现API速率限制？（Rate Limiting教程）  手机软键盘弹出时影响布局的解决方法  如何用低价快速搭建高质量网站？  Laravel怎么使用Collection集合方法_Laravel数组操作高级函数pluck与map【手册】  Laravel如何生成PDF或Excel文件_Laravel文档导出工具与使用教程  学生网站制作软件,一个12岁的学生写小说，应该去什么样的网站？  Laravel Seeder填充数据教程_Laravel模型工厂Factory使用  Laravel如何使用Livewire构建动态组件？（入门代码）  JS实现鼠标移上去显示图片或微信二维码  Laravel如何处理表单验证？（Requests代码示例）  矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？  linux top下的 minerd 木马清除方法  Win11怎么恢复误删照片_Win11数据恢复工具使用【推荐】  Laravel如何构建RESTful API_Laravel标准化API接口开发指南  如何快速查询网站的真实建站时间？  如何在搬瓦工VPS快速搭建网站？  Laravel Eloquent模型如何创建_Laravel ORM基础之Model创建与使用教程  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  如何续费美橙建站之星域名及服务？  Laravel如何实现RSS订阅源功能_Laravel动态生成网站XML格式订阅内容【教程】  什么是JavaScript解构赋值_解构赋值有哪些实用技巧  高性能网站服务器部署指南：稳定运行与安全配置优化方案  Windows10电脑怎么设置虚拟光驱_Win10右键装载ISO镜像文件  重庆市网站制作公司,重庆招聘网站哪个好？  Laravel API资源类怎么用_Laravel API Resource数据转换  Laravel怎么自定义错误页面_Laravel修改404和500页面模板  Laravel怎么调用外部API_Laravel Http Client客户端使用  laravel怎么为API路由添加签名中间件保护_laravel API路由签名中间件保护方法  Laravel怎么实现模型属性的自动加密  如何获取PHP WAP自助建站系统源码？  如何在橙子建站中快速调整背景颜色？  如何快速配置高效服务器建站软件？  Laravel Facade的原理是什么_深入理解Laravel门面及其工作机制  打造顶配客厅影院，这份100寸电视推荐名单请查收  Laravel怎么实现搜索高亮功能_Laravel结合Scout与Algolia全文检索【实战】  高防服务器租用首荐平台，企业级优惠套餐快速部署  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  使用Dockerfile构建java web环境  怎么用AI帮你设计一套个性化的手机App图标？