zoukankan      html  css  js  c++  java
  • Bootstrap 缩略图 警告框



    @{
        Layout = null;
    }


    <!DOCTYPE html>


    <html>
    <head>
        <meta name="viewport" content="width=device-width" />
        <title>Index</title>
        <link href="~/Bootstrap3.3.7/css/bootstrap.min.css" rel="stylesheet" />
        <script src="~/Scripts/jquery-1.10.2.min.js"></script>  
        <script src="~/Bootstrap3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
      <div class="row">
          <div class="col-xs-6 col-md-3">
              <a href="#" class="thumbnail">
                  <img src="~/img/1.jpg" />
              </a>
          </div>
      </div>


        <div class="col-xs-6 col-md-3">
            <div class="thumbnail">
                <img src="~/img/1.jpg" />
                <div class="caption">
                    <h1>Hello world</h1>
                    <p>Hello world</p>
                </div>
                <a href="#" class="btn btn-default">button</a>
            </div>
        </div>
        <hr />


        <div class="alert alert-success" role="alert">...</div>
        <div class="alert alert-warning alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <strong>Warning!</strong> Better check yourself, you're not looking too good.
        </div>


    </body>
    </html>
  • 相关阅读:
    1.2顺序表
    1.1数据结构
    Java 造假数据
    Python造假数据,用这个库
    真香 用这七大Python效率工具
    mybatis 详情
    MySQL 的 INSERT ··· ON DUPLICATE KEY UPDATE
    mysql之case when then 经典用法
    SELECT NOW(),CURDATE(),CURTIME()
    MySQL CONCAT_WS 函数
  • 原文地址:https://www.cnblogs.com/dxmfans/p/9434662.html
Copyright © 2011-2022 走看看