zoukankan      html  css  js  c++  java
  • login布局

    <div class="container-fluid">
    <div class="row-fluid">
    <div class="span12">
    <div class="row-fluid">
    <div class="span6">
    </div>
    <div class="span6">
    </div>
    </div>
    </div>
    </div>
    <div class="row-fluid">
    <div class="span8">
    <div class="carousel slide" id="carousel-538826">
    <ol class="carousel-indicators">
    <li data-slide-to="0" data-target="#carousel-538826">
    </li>
    <li data-slide-to="1" data-target="#carousel-538826" class="active">
    </li>
    <li data-slide-to="2" data-target="#carousel-538826">
    </li>
    </ol>
    <div class="carousel-inner">
    <div class="item">
    <img alt="" src="img/1.jpg" />
    <div class="carousel-caption">
    <h4>
    棒球
    </h4>
    <p>
    棒球运动是一种以棒打球为主要特点,集体性、对抗性很强的球类运动项目,在美国、日本尤为盛行。
    </p>
    </div>
    </div>
    <div class="item active">
    <img alt="" src="img/2.jpg" />
    <div class="carousel-caption">
    <h4>
    冲浪
    </h4>
    <p>
    冲浪是以海浪为动力,利用自身的高超技巧和平衡能力,搏击海浪的一项运动。运动员站立在冲浪板上,或利用腹板、跪板、充气的橡皮垫、划艇、皮艇等驾驭海浪的一项水上运动。
    </p>
    </div>
    </div>
    <div class="item">
    <img alt="" src="img/3.jpg" />
    <div class="carousel-caption">
    <h4>
    自行车
    </h4>
    <p>
    以自行车为工具比赛骑行速度的体育运动。1896年第一届奥林匹克运动会上被列为正式比赛项目。环法赛为最著名的世界自行车锦标赛。
    </p>
    </div>
    </div>
    </div> <a data-slide="prev" href="#carousel-538826" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-538826" class="right carousel-control">›</a>
    </div>
    </div>
    <div class="span4">
    <form class="form-horizontal">
    <div class="control-group">
    <label class="control-label" for="inputEmail">邮箱</label>
    <div class="controls">
    <input id="inputEmail" type="text" />
    </div>
    </div>
    <div class="control-group">
    <label class="control-label" for="inputPassword">密码</label>
    <div class="controls">
    <input id="inputPassword" type="password" />
    </div>
    </div>
    <div class="control-group">
    <div class="controls">
    <label class="checkbox"><input type="checkbox" /> Remember me</label> <button type="submit" class="btn">登陆</button>
    </div>
    </div>
    </form>
    </div>
    </div>
    <div class="row-fluid">
    <div class="span12">
    </div>
    </div>
    </div>

  • 相关阅读:
    lua -- handler
    class() 高级用法 -- lua
    聊聊javascript的null和undefined
    在vue-cli搭建的项目中增加后台mock接口
    vue-cli+webpack在生成的项目中使用bootstrap方法(二)
    vue-cli+webpack在生成的项目中使用bootstrap方法(一)
    Node.js项目APM监控之New Relic
    让sublime text3支持Vue语法高亮显示
    在javascript中获取一个对象内属性的个数
    debian8.5安装sublime text3
  • 原文地址:https://www.cnblogs.com/lemonlemontree/p/6931223.html
Copyright © 2011-2022 走看看