Bootstrap 模板


@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8"/><!--设置字符集utf-8编码-->
    <!--注意:bootstrap不支持IE的兼容模式,下面的一句代码在IE浏览器中运行最新渲染模式-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--Bootstrap 3 的设计目标是移动设备优先,然后才是桌面设备。
        为了让 Bootstrap开发的网站对移动设备友好, 
        确保适当的绘制和触屏缩放,需要在网页的 head 之中添加
         viewport meta 标签-->
    <!--width 属性控制设备的宽度。假设您的网站将被带有不同屏幕
        分辨率的设备浏览,那么将它设置为 device-width 
        可以确保它能正确呈现在不同设备上。initial-scale=1.0 
        确保网页加载时,以 1:1 的比例呈现,不会有任何的缩放。-->
    <meta name="viewport" content="width=device-width, initial-scale=1"><!--初始化移动浏览显示-->
    <title>Bootstrap的HTML标准模板</title>
    <!-- Bootstrap -->
    <link href="~/Content/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" />
    <!--你自己的样式文件 -->
    <!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元
        素和媒体查询,如果不需要用可以移除 -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>IE浏览器支持html5标签
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>对媒体查询进行支持
    <![endif]-->
</head>
<body>
    <h1>Hello, world!</h1>
    <button>HTML</button>
    <button class="btn btn-primary">Bootstrap</button>
    <button class="btn btn-info">Bootstrap</button>
    <div class="container"></div>
    <!-- 如果要使用Bootstrap的js插件,必须先调入jQuery -->
    <!--Bootstrap中的JS插件依赖于jQuery,因此jQuery要在Bootstrap之前引用-->
    <script src="~/Content/bootstrap-3.3.7-dist/js/jquery-2.0.3.min.js"></script>
    <script src="~/Content/bootstrap-3.3.7-dist/js/jquery-1.11.3.min.js"></script>
    <script src="~/Content/bootstrap-3.3.7-dist/js/jquery-1.11.2.min.js"></script>
    <!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用 -->
    <script src="~/Content/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</body>
</html>

 

没有更多推荐了,返回首页