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>
  • 相关阅读:
    javaWeb应用 ssm架构 三方外卖系统
    字节跳动2017秋招-前端工程师
    原码补码反码
    MVVM设计模式
    初始化 react 项目
    antd-mobile定制主题
    jeecg-boot 在线代码生成记
    jeecg-boot 开源代码 问题记录
    idea 导入maven 项目一点反应没有,无识别
    layui 搜索加动态添加列
  • 原文地址:https://www.cnblogs.com/dxmfans/p/9434662.html
Copyright © 2011-2022 走看看