关于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>
网友评论