Bootstrap-代码样例

最新推荐文章于 2022-06-16 09:45:16 发布

文天大人

最新推荐文章于 2022-06-16 09:45:16 发布

阅读量674

点赞数

知识何来版权一说

本文链接：https://blog.csdn.net/u011624903/article/details/52130825

版权

如果有一天再用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" onclick="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);" onclick="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>