Bootstrap磨难

作者: YCix | 来源:发表于2017-06-20 23:40 被阅读0次

    关于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>
    

    相关文章

      网友评论

        本文标题:Bootstrap磨难

        本文链接:https://www.haomeiwen.com/subject/iuqrxxtx.html