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>
  • 相关阅读:
    32位和64位的区别
    Git--版本管理的使用及理解
    Maven使用详解
    记录centos7下tomcat部署war包过程
    SSM三大框架整合教程
    Mybatis 框架搭建实例
    Eclipse 出现select type (? = any character,*= any String,Tz=TimeZone)
    JDBC 操作数据库实例
    mysql 常用命令语法
    MySQL下载安装详情教程(Windows)
  • 原文地址:https://www.cnblogs.com/dxmfans/p/9434662.html
Copyright © 2011-2022 走看看