为了账号安全,请及时绑定邮箱和手机立即绑定

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/docs.min.css" rel="stylesheet">
  </head>
  <body>

  <nav class="navbar navbar-inverse" role="navigation">
    <div>
      <!-- Brand and toggle get grouped for better mobile display -->
      <div>
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
          <span>Toggle navigation</span>
          <span></span>
          <span></span>
          <span></span>
        </button>
        <a href="#">Project Name</a>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          <li><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>

  <div>
    <div>
      <div>
        <p class="pull-right visible-xs">
          <button class="btn-xs btn btn-default">Togge</button>
        </p>
        <div>
          <h1>Hello, world!</h1>
          <p>...</p>
          <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
        </div>
        <div>
          <div class="col-6 col-sm-6 col-lg-4">
            <h2>headline</h2>
            <p>Hello everyone I am glad to be hesjafoijsafljslfjsaljfsajfklsadjfklsdajfksjda sajf ksajfksdjfksdajfka ksadjfksadj fasf </p>
            <a class="btn btn-default">View detail</a>
          </div>
          <div class="col-6 col-sm-6 col-lg-4">
            <h2>headline</h2>
            <p>Hello everyone I am glad to be hesjafoijsafljslfjsaljfsajfklsadjfklsdajfksjda sajf ksajfksdjfksdajfka ksadjfksadj fasf </p>
            <a class="btn btn-default">View detail</a>
          </div>
          <div class="col-6 col-sm-6 col-lg-4">
            <h2>headline</h2>
            <p>Hello everyone I am glad to be hesjafoijsafljslfjsaljfsajfklsadjfklsdajfksjda sajf ksajfksdjfksdajfka ksadjfksadj fasf </p>
            <a class="btn btn-default">View detail</a>
          </div>
          <div class="col-6 col-sm-6 col-lg-4">
            <h2>headline</h2>
            <p>Hello everyone I am glad to be hesjafoijsafljslfjsaljfsajfklsadjfklsdajfksjda sajf ksajfksdjfksdajfka ksadjfksadj fasf </p>
            <a class="btn btn-default">View detail</a>
          </div>
          <div class="col-6 col-sm-6 col-lg-4">
            <h2>headline</h2>
            <p>Hello everyone I am glad to be hesjafoijsafljslfjsaljfsajfklsadjfklsdajfksjda sajf ksajfksdjfksdajfka ksadjfksadj fasf </p>
            <a class="btn btn-default">View detail</a>
          </div>
          <div class="col-6 col-sm-6 col-lg-4">
            <h2>headline</h2>
            <p>Hello everyone I am glad to be hesjafoijsafljslfjsaljfsajfklsadjfklsdajfksjda sajf ksajfksdjfksdajfka ksadjfksadj fasf </p>
            <a class="btn btn-default">View detail</a>
          </div>
          <div class="col-6 col-sm-6 col-lg-4">
            <h2>headline</h2>
            <p>Hello everyone I am glad to be hesjafoijsafljslfjsaljfsajfklsadjfklsdajfksjda sajf ksajfksdjfksdajfka ksadjfksadj fasf </p>
            <a class="btn btn-default">View detail</a>
          </div>
          <div class="col-6 col-sm-6 col-lg-4">
            <h2>headline</h2>
            <p>Hello everyone I am glad to be hesjafoijsafljslfjsaljfsajfklsadjfklsdajfksjda sajf ksajfksdjfksdajfka ksadjfksadj fasf </p>
            <a class="btn btn-default">View detail</a>
          </div>
        </div>
      </div>
      <div>
        <ul>
          <li>Cras justo odio</li>
          <li>Dapibus ac facilisis in</li>
          <li>Morbi leo risus</li>
          <li>Porta ac consectetur ac</li>
          <li>Vestibulum at eros</li>
        </ul>
      </div>
    </div>
  </div>

  </body>
</html>

正在回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信