bootstrap

最新推荐文章于 2022-12-05 11:40:29 发布
最新推荐文章于 2022-12-05 11:40:29 发布
阅读量61 收藏
点赞数
分类专栏： bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45819880/article/details/103928964
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <style>
        div{
            border: 1px solid red;
        }
    </style>
</head>
<body>
    <div class="container" 
    style="height: 2000px;
                background-color: lightblue;
                ">
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-6">.col-md-6</div>
            <div class="col-xs-12 col-sm-6 col-md-6">.col-md-6</div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-4 col-md-4">.col-md-4</div>
            <div class="col-xs-12 col-sm-4 col-md-4">.col-md-4</div>
            <div class="col-xs-12 col-sm-4 col-md-4">.col-md-4</div>
        </div>
        <div class="row">
            <div class="col-xs-3 col-sm-3 col-md-3">.col-md-3</div>
            <div class="col-xs-6 col-sm-6 col-md-6">.col-md-6</div>
            <div class="col-xs-3 col-sm-3 col-md-3">.col-md-3</div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-10">.col-md-10</div>
            <div class="hidden-xs hidden-sm col-md-2">.col-md-2</div>
        </div>

        <h1 class="h1">
            这是bootstrap中的h1
            <small class="small">这是small标签</small>
        </h1>
        <h1 class="text-center">这是一段带有<mark>高亮</mark>的文本</h1>
        <h1 class="text-uppercase">this is a test string</h1>

        <address>
            <strong>珠市口东大街6号 珍贝大厦</strong><br>
            达内科技 <br>
            email: <a href="#">www.tedu.com</a> <br>
            <abbr title="Phone">P:</abbr>010-1234567
        </address>

        <blockquote>
            <p>表情包多的人,没对象</p>
            <footer>鲁迅</footer>
        </blockquote>
        <blockquote class="blockquote-reverse">
            <p>网上流传的鲁迅说过的话95%都是假的,这句也是</p>
            <footer>鲁迅</footer>
        </blockquote>


        <ul class="list-unstyled list-inline">
            <li>以梦为马,越骑越傻</li>
            <li>坚持一定很酷,但是放弃也很舒服</li>
            <li>沉迷学习,日渐消瘦</li>
        </ul>

        <dl class = 'dl-horizontal'>
            <dt>描述标题</dt>
            <dd>描述内容</dd>
            <dd>描述内容的补充</dd>
            <dt>描述标题</dt>
            <dd>描述内容</dd>
            <dd>描述内容的补充</dd>
            <dt>描述标题</dt>
            <dd>描述内容</dd>
            <dd>描述内容的补充</dd>
        </dl>
        使用<kbd><kbd>ctrl</kbd>+<kbd>/</kbd></kbd>的方式实现批量注释

       <div class="table-responsive">
            <table class="table">
                    <tr class="success">
                        <th>name</th>
                        <th>age</th>
                    </tr>
                    <tr class="danger">
                        <td>Maria</td>
                        <td>18</td>
                    </tr>
                    <tr class="warning">
                        <td>QTX</td>
                        <td>20</td>
                    </tr>
                    <tr class="active">
                        <td>WWC</td>
                        <td>25</td>
                    </tr>
                </table>
       </div>

       <div class="row">
            <div class="col-sm-9 col-md-9"></div>
            <div class="col-sm-3 col-md-3">
                <form action="">
                        <div class="form-group">
                             <label for="uname">姓名</label>
                             <input type="text" id="uname" class="form-control">
                        </div>
                        <div class="form-group">
                             <label for="pwd">密码</label>
                             <input type="password" id="pwd" class="form-control">
                        </div>
                        <div class="checkbox">
                            <label >
                                <input type="checkbox">
                                Click me
                                <span class="glyphicon glyphicon-piggy-bank"></span>
                            </label>
                        </div>
                        <input type="submit" class="btn btn-info" value="登录">
                </form>
            </div>
       </div>
    </div>
    <!-- bootstrap.js依赖jQuery文件   需要先引入jQuery -->
    <script src="../static/js/jquery.min.js"></script>
    <script src="../static/js/bootstrap.min.js"></script>
</body>
</html>
weixin_45819880
关注
专栏目录
Bootstrap使用
m0_57774967的博客
04-24 5184
一、使用bootstrap步骤： 1.创建文件夹结构 2.创建html骨架结构 3.引入相关样式文件 4.书写内容（直接用bootstrap预先定义好的样式使用 修改bootstrap原来样式，注意权重问题） 要想学好bootstrap的关键在于知道它定义了哪些样式，以及这些样式能实现什么样的效果 布局容器 bootstrap需要为页面内容和栅格系统包裹一个.container容器，bootstrap预先定义好这个类，叫.container，它提供...
BootStrap
LittleBoyss的博客
08-08 495
Bootstrap 是一套现成的 CSS 样式集合 HTML、CSS 和 JS 框架，用于开发响应式布局、 移动设备优先的 WEB 项目 布局容器 1、.container 类用于固定宽度并支持响应式布局的容器。 … 2、.container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。 … 栅格网格系统 网格系统必须使用到 css container、row...
Bootstrap简介
归兮的博客
08-18 9158
bootstrap是一个基于HTML、CSS和Javascript语言编写的框架，具有简单、灵活的特性，拥有样式库、组件和插件，bootstrap常用来开发响应式布局和移动设备优先的Web项目，能够帮助开发者快速搭建前端页面。Bootstrap 4 概览_Bootstrap中文网什么是组件组件是一个抽象的概念，是对数据和方法的简单封装。用面向对象思想来说，将一些符合某种规范的类组合在一起就构成了组件，通过组件可以为用户提供某些特定的功能。...
bootstrap的安装
12-05 1814
再vue中用npm安装1)、使用指令 2)、安装成功后，能够在package.json文件夹中看到bootstrap这个模块。这时候需要在main.js中添加如下内容: 至此bootStrap也引入结束，接下来我们的重点来了，因为BootStrap与VUE有一个专门的设计叫做bootstrap-vue.js，所以我们引入它之后就可以直接使用它们提供的专有样式，比原生的bootStrap要好看很多3)、使用指令:4)、在main.js文件中添加:
Bootstrap
qq_45944421的博客
08-19 276
1.声明是Bootstrap Bootstrap是一个用于构建 响应式 移动设备优先的 web程序的 前端开源框架 2.使用步骤： a.安装Bootstrap的资源库 使用CDN方式安装 安装一个CSS资源 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"> 安装三个JS资源 <
Bootstrap5 图标库 bootstrap-icons
09-30
Bootstrap5图标库bootstrap-icons是前端开发中一个非常实用的资源，它为开发者提供了大量美观、一致的SVG图标，可以方便地集成到Bootstrap5项目中，为网页设计增添丰富的视觉元素。Bootstrap图标库的设计理念是简洁...
bootstrap-4.6.2
06-13
Bootstrap是世界上最流行的前端开发框架之一，它为开发者提供了丰富的组件、样式和JavaScript插件，用于快速构建响应式和移动优先的网页。标题"bootstrap-4.6.2"表明我们讨论的是Bootstrap框架的第4版中的第6次次要...
bootstrap-4.6.2下载bootstrap.min.cssbootstrap.bundle.min.js
11-12
在"bootstrap-4.6.2下载bootstrap.min.cssbootstrap.bundle.min.js"的标题中，我们可以看到两个关键文件：`bootstrap.min.css`和`bootstrap.bundle.min.js`。`bootstrap.min.css`是Bootstrap的核心CSS文件，经过压缩...
bootstrap-5.3.0.zip
02-21
Bootstrap是世界上最流行的前端开发框架之一，它为开发者提供了丰富的组件和样式，使得构建响应式、移动设备优先的网站变得简单高效。"bootstrap-5.3.0.zip" 是Bootstrap的5.3.0版本的压缩包，包含了这个版本的所有...
bootstrap-5.3.2-dist.zip
10-10
Bootstrap是世界上最流行的前端开发框架之一，它为开发者提供了丰富的组件、样式和JavaScript插件，用于快速构建响应式和移动优先的网站。这个压缩包“bootstrap-5.3.2-dist.zip”包含了Bootstrap 5.3.2的分布式文件...
java基于SpringBoot+vue 美食信息推荐系统源码 带毕业论文
09-12
1、开发环境：SpringBoot框架；内含Mysql数据库；VUE技术；内含说明文档 2、需要项目部署的可以私信 3、项目代码都经过严格调试，代码没有任何bug！ 4、该资源包括项目的全部源码，下载可以直接使用！ 5、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 6、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。
Sigrity-SystemSI-Statistical Analysis Application Note.rar
09-12
Sigrity-SystemSI-Statistical Analysis Application Note.rar 介绍 Sigrity SystemSI-串行链路分析中使用的传统分析流程涉及 基于高级卷积信道的信道电路冲激响应 并在接收器处导出时域波形。这些波形是 经过统计后处理，生成眼图、浴缸曲线和其他输出。 通过信道运行的比特数越多，结果就越准确。 统计分析通常适用于线性时不变（LTI）系统。a中的线性 系统指示叠加适用。时间不变性表明，对于具有 x（t）输入和y（t）输出，输入中的时移z，例如x（t+z）将导致 对应的时移输出y（t+z）。许多（尽管不是全部）串行链路系统可以近似为LTI，因此统计分析是串行链路分析工具箱中一种有用的功能。 与时域仿真方法相比，纯统计分析的主要优点是可以直接考虑所有符号间干扰（ISI）。 因此，它的准确性不依赖于模拟的比特数，就像传统的时域方法一样。 统计分析的主要局限性是它只适用于LTI系统。 使用AMI_GetWave函数执行实时波形处理的算法（AMI）模型不能保证LTI操作。 许多使用Decision的多千兆位接收器 反馈均衡（DFE）使
MATLAB的汉字定位检测识别系统GUI设计.zip
09-12
产品经理项目实战案例
Sigrity-T2B Quick Reference.rar
最新发布
09-12
Sigrity-T2B Quick Reference.rar 本文档简要介绍了T2B，并逐步说明了您可以在T2B中执行的基本程序。 T2B将晶体管转换为行为模型，以便在数小时内而不是数天内实现准确高效的全总线模拟。 模型输出采用IBIS 3.2、4.2、5.0、5.1、6.0和6.1格式，以及精度增强的Cadence Sigrity行为模型格式。 T2B满足了对精确系统级仿真的需求，由于高速接口技术的快速发展，这一需求变得至关重要。 耗时的晶体管级仿真和不准确的传统IBIS模型仿真在SSO研究等仿真中无法达到要求，其中功率传输效应起着至关重要的作用。使用T2B生成的功率感知行为驱动模型最大限度地提高了准确性，并支持使用Cadence SPEED2000、SystemSI、Spectre或HSPICE兼容模拟器进行高效模拟
仿ios音量调节的效果.zip
09-12
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。
手机通讯集信息,文件,语音呼叫于一体(小鸟版).zip
09-12
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。
疫苗接种管理系统 基于Springboot和Mysql的疫苗接种管理系统代码 ，包括程序，中文注释，配置说明操作步骤
09-12
疫苗接种管理系统-疫苗接种管理系统-疫苗接种管理系统-疫苗接种管理系统-疫苗接种管理系统-疫苗接种管理系统-疫苗接种管理系统-疫苗接种管理系统-疫苗接种管理系统-疫苗接种管理系统-疫苗接种管理系统-疫苗接种管理系统 1、资源说明：疫苗接种管理系统源码，本资源内项目代码都经过测试运行成功，功能ok的情况下才上传的。 2、适用人群：计算机相关专业(如计算计、信息安全、大数据、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工等学习者，作为参考资料，进行参考学习使用。 3、资源用途：本资源具有较高的学习借鉴价值，可以作为“参考资料”，注意不是“定制需求”，代码只能作为学习参考，不能完全复制照搬。需要有一定的基础，能够看懂代码，能够自行调试代码，能够自行添加功能修改代码。 4. 最新计算机软件毕业设计选题大全(文章底部有博主联系方式): https://blog.csdn.net/2301_79206800/article/details/135931154 技术栈、环境、工具、软件： ① 系统环境:Windows ② 开发语言：Java ③ 框架：SpringBo
java基于SpringBoot+vue 校园疫情防控管理系统源码 带毕业论文
09-12
1、开发环境：SpringBoot框架；内含Mysql数据库；VUE技术；内含说明文档 2、需要项目部署的可以私信 3、项目代码都经过严格调试，代码没有任何bug！ 4、该资源包括项目的全部源码，下载可以直接使用！ 5、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 6、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。
基于springboot的医院信管系统设计与实现.docx
09-12
基于springboot的医院信管系统设计与实现.docx
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值