Bootstrap磨难

关于bootstrap一直有争议:
好吧其实不是争议,就是前端从业者单方面的瞧不起它,自带的css模板多尔过于简单,傻瓜式操作,并不能满足现在网站或者软件的需求。
今天第一次试了试,发现有利有弊吧。也不是说把css简单化了就一定神功夫。
比如,我今天接了小项目,是做一个很简单的填资料的页面(反正就很简单)时间也给的充足,然后我一想我居然没用过bs,这不应该啊,所以就开始了磕磕绊绊的bs教程之路。
我的目标是这样的,使用bs的自带css做个表单提交。表单是多行多列的。
而bs的官方教程里只有水平和列分开的实例。
可这又怎么能难得住少女我呢?直接用form-group和div class="container" div class="row"嵌套组合啊!妥妥的列行分明。
要是不用bs,其实可以用float浮动加table来实现。
可是table都被人家骂道不行了,我也还是克制一下随大流。
啊,我的名字是从众啊~

<form action="get" class="form-horizontal" role="form">
<fieldset>
<div id="legend" class="" >
<legend class="" align="center" style="height: 66px;font-size 22pt;line-height: 66px">学员档案登记</legend>
</div>
<div class="container">
<div class="row">
<div class="col-sm-11">
<div class="form-group ">
<lable class="col-sm-1 control-lable" for="danhao">登记单号</lable>
<div class="col-sm-2">
<input class="form-control" id="danhao" type="text" />
</div>
<lable class="col-sm-1 control-lable" for="dengjiren">登记人</lable>
<div class="col-sm-2">
<input class="form-control" id="dengjiren" type="text" /></div>
<lable class="col-sm-1 control-lable" for="shijian">登记时间</lable>
<div class="col-sm-2">
<input class="form-control" id="shijian" type="date" />
</div>

  </div>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容