Bootstrap-代码样例

如果有一天再用bootstrap,我会注意container,column,img标签的img-responsive,col-md-offset-2这几个类样式

<div class="container" style="margin-left:14%;">
    <div class="row " >
        <div class="column">
            <img src="static/login/images/shang.png" class="img-responsive" alt="Responsive image">
        </div>
    </div>
    <div class="row" style="margin-top:-21%;">
        <div class="column col-md-1 col-md-offset-2" style="z-index:99;">
            <a href="javascript:void(0);" >
                 <img class="img-responsive" src="static/login/images/记住密码.png"  alt="Responsive image" οnclick="savePaw();" id="saveid"></img>
            </a>
        </div>
        <div class="column col-md-3" style="z-index:99;">
            <input type="text"     class="form-control" placeholder="用户名" name="loginname" id="loginname">
                      <br>
            <input type="password" class="form-control" placeholder="密码"   name="password"  id="password">
        </div>
        <div class="column col-md-1" style="z-index:99;">
            <a href="javascript:void(0);" οnclick="severCheck();">
                  <img class="img-responsive "src="static/login/images/登录.png"       alt="Responsive image">
            </a>
        </div>
    </div>
    <div class="row" style="margin-top:-26%;">
        <div class="column" style="background-color:pink;">
        <img src="static/login/images/xia.png" class="img-responsive" style="position:absolute;" alt="Responsive image">
        </div>
    </div>
    <div class="row" style="margin-top:16%;margin-left:12%;">
        <div class="column ">
        <div class="col-md-offset-2">
        <h6>Copyright © FutureMove Telematics 2016</h6>
        </div>
        </div>
    </div>
</div>
展开阅读全文

没有更多推荐了,返回首页