Army-海军的博客

1.表格 为任意<table>标签添加.table类 普通 <table class="table" border="" cellspacing="" cellpadding=""> <tr><th>#</th><th>Header</th><th>Header</th><th>Header</th></tr> <tr><t...

1.警告框 普通版 <div class="alert alert-success" role="alert">...</div> <div class="alert alert-info" role="alert">...</div> <div class="alert alert-warning" role="alert">...</div> <div class="alert alert-danger" role=

1.输入框组 <div class="input-group"> <span class="input-group-addon" id="basic-addon1">@</span> <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1"> </div> <div class="input-g

1.图标使用 <span class="glyphicon glyphicon-search" aria-hidden="true"></span> .glyphicon 公共类 .glyphicon-search 相应的图标 aria-hidden="true" 意思是让图标只是显示，辅助设备不用读。 .sr-only类让其在视觉上表现出隐藏的效果 部分 所有图标查询https://v3.bootcss.com/components/ 2.下拉菜单 ...

标题 HTML 中的所有标题标签，<h1>到<h6>均可使用。另外，还提供了.h1到.h6类，为的是给内联（inline）属性的文本赋予标题的样式。 h1. Bootstrap heading Semibold 36px h2. Bootstrap heading Semibold 30px h3. Bootstrap heading Semibold 24px h4. Boots...

1. html5中head标签里引入 meta Bootstrap 实行移动端优先原则 响应式布局 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"> 2. 不需要再次引入Normalize.css 不需要重置css,Bootstrap内部已引入 如果想下载看看源码。 点...

Bootstrap3官网地址 1.Bootstrap依赖于jquey必须在之前引入。 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script> 2. 引入核心css和核心js <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" r.