为了账号安全,请及时绑定邮箱和手机立即绑定

bootstrap排版大问题

bootstrap排版大问题

1732 2017-04-23 23:30:07
<title>检验单录入</title><div class="jumbotron" contextmenu="content">  <h3 align="center">检验单录入</h3></div><form class="bs-example bs-example-form" role="form"> <h4 align="center">产品信息</h4>  <div class="input-group"> <span class="input-group-addon">产品型号:</span>    <input type="text" class="form-control" placeholder="产品型号">    <span class="input-group-addon">订购公司:</span>    <input type="text" class="form-control" placeholder="订购公司"> </div> <div class="input-group"> <span class="input-group-addon">硬件SN:</span> <input type="text" class="form-control" placeholder="硬件SN">    <span class="input-group-addon">收货人/电话:</span>    <input type="text" class="form-control" placeholder="收货人"> </div> <div class="input-group"> <span class="input-group-addon">发货类型:</span>    <select class="form-control">        <option>购买</option>      <option>测试</option>        <option>返修</option>      <option>更换</option>      </select>    <span class="input-group-addon">收货地址:</span>    <input type="text" class="form-control" placeholder="收货地址"> </div> <div class="form-group">    <span class="input-group-addon">备注:</span>  <textarea class="form-control" rows="3"></textarea>  </div> <h4 align="center">检验结果</h4> <div class="input-group"> <span class="input-group-addon">电源线:</span>    <select class="form-control">    <option>/</option>        <option>*1</option>      <option>*2</option>        <option>*3</option>      <option>*4</option>      </select>      <span class="input-group-addon">RJ45网线:</span>    <select class="form-control">    <option>/</option>        <option>*1</option>      <option>*2</option>        <option>*3</option>      <option>*4</option>      </select>      <span class="input-group-addon">光纤线:</span>    <select class="form-control">    <option>/</option>    <option>千兆多模*1</option>      <option>千兆多模*2</option>        <option>千兆多模*3</option>      <option>千兆多模*4</option>      <option>千兆单模*1</option>      <option>千兆单模*2</option>        <option>千兆单模*3</option>      <option>千兆单模*4</option>        <option>万兆多模*1</option>      <option>万兆多模*2</option>        <option>万兆多模*3</option>      <option>万兆多模*4</option>      <option>万兆单模*1</option>      <option>万兆单模*2</option>        <option>万兆单模*3</option>      <option>万兆单模*4</option>      </select>      <span class="input-group-addon">Console线:</span>    <select class="form-control">    <option>/</option>        <option>1</option>      <option>2</option>        <option>3</option>      <option>4</option>      </select> </div> <div class="input-group"> <span class="input-group-addon">合格证:</span>    <select class="form-control">        <option>/</option>      <option>*1</option>      </select>      <span class="input-group-addon">机柜螺丝:</span>    <select class="form-control">        <option>/</option>      <option>1袋</option>      <option>2袋</option>      </select>      <span class="input-group-addon">光盘:</span>    <select class="form-control">        <option>/</option>      <option>1</option>      <option>2</option>      </select>      <span class="input-group-addon">产品标识:</span>    <select class="form-control">        <option>/</option>      <option>正常</option>      </select> </div> <div class="input-group"> <span class="input-group-addon">垫角:</span>    <select class="form-control">        <option>/</option>      <option>4个</option>        <option>4个在机身</option>      </select>      <span class="input-group-addon">耳朵:</span>    <select class="form-control">        <option>/</option>      <option>1对</option>        <option>1对在机身</option>      </select>      <span class="input-group-addon">包装箱:</span>    <select class="form-control">        <option>/</option>      <option>单层</option>      <option>双层</option>      </select>      <span class="input-group-addon">确认单:</span>    <select class="form-control">        <option>/</option>      <option>测试确认单</option>      <option>实施确认单</option>      </select> </div>
查看完整描述

3 回答

?
1732

TA贡献2条经验 获得超1个赞

这个吧还得用上这个 &nbsp ,目前只有这种方法。

//img1.sycdn.imooc.com//59057327000172c315520897.jpg

//img1.sycdn.imooc.com//590573670001f1eb19201030.jpg

查看完整回答
1 反对 回复 2017-04-30
?
Codeworld

TA贡献1条经验 获得超0个赞

将文字放进一个div里,统一设置大小
查看完整回答
反对 回复 2017-05-07
  • 3 回答
  • 0 关注
  • 1406 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信