zoukankan      html  css  js  c++  java
  • BootStrap容器介绍

    <!DOCTYPE html>
    <html lang="zh-CN">
    
        <head>
            <meta charset="utf-8">
            <!--声明文档兼容模式,表示使用IE浏览器的最新模式-->
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <!--设置视口的宽度(值为设备的理想宽度),页面初始缩放值<理想宽度/可见宽度>-->
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
            <title>Bootstrap容器介绍</title>
            <!-- 引入Bootstrap核心样式文件 -->
            <link href="../../css/bootstrap.min.css" rel="stylesheet">
            <!-- 引入jQuery核心js文件 -->
            <script src="../../js/jquery-1.11.0.min.js"></script>
            <!-- 引入BootStrap核心js文件 -->
            <script src="../../js/bootstrap.min.js"></script>
            <style>
                .container {
                    border: 1px solid red;
                    padding-left: 0px;
                    padding-right: 0px;
                }
                
                .container-fluid {
                    border: 1px solid blue;
                }
            </style>
    
        </head>
    
        <body>
            <div class="container">
                ...
            </div>
            <div class="container-fluid">
                ……
            </div>
            <div>
                ……
            </div>
        </body>
    </html>
  • 相关阅读:
    田忌赛马 题解
    亚历山大的丢番图方程 题解
    zhx's contest题解
    芝麻OI比赛T7edges题解
    CSP-J2020游记
    Linux shell 学习笔记(五)
    Linux shell 学习笔记(四)
    Linux shell 学习笔记(三)
    Linux shell 学习笔记(二)
    Oracle并发
  • 原文地址:https://www.cnblogs.com/benjamin77/p/9163737.html
Copyright © 2011-2022 走看看