Bootstrap
主要记录关于bootsrap的用法及使用
Army-海军
致力于前端开发,不做此行专家不罢休
展开
-
Bootsrap中的表格、表单、按钮、图片
1.表格为任意<table>标签添加.table类普通<table class="table" border="" cellspacing="" cellpadding=""> <tr><th>#</th><th>Header</th><th>Header</th><th>Header</th></tr> <tr><t...原创 2020-05-18 15:39:56 · 14648 阅读 · 20 评论 -
Bootstrap的警告框、进度条、列表组、面板
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=原创 2020-05-18 15:08:47 · 14724 阅读 · 12 评论 -
Bootstrap包括输入框组、导航、分页、标签、徽章
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原创 2020-05-18 14:41:12 · 14838 阅读 · 12 评论 -
Bootstrap图标、下拉菜单、按钮组、按钮式下拉菜单
1.图标使用<span class="glyphicon glyphicon-search" aria-hidden="true"></span>.glyphicon 公共类 .glyphicon-search 相应的图标 aria-hidden="true" 意思是让图标只是显示,辅助设备不用读。.sr-only类让其在视觉上表现出隐藏的效果部分所有图标查询https://v3.bootcss.com/components/2.下拉菜单...原创 2020-05-18 14:14:31 · 15284 阅读 · 21 评论 -
Bootstrap文字排版方面css实用类
标题HTML 中的所有标题标签,<h1>到<h6>均可使用。另外,还提供了.h1到.h6类,为的是给内联(inline)属性的文本赋予标题的样式。 h1. Bootstrap heading Semibold 36px h2. Bootstrap heading Semibold 30px h3. Bootstrap heading Semibold 24px h4. Boots...原创 2020-05-18 11:48:53 · 14825 阅读 · 10 评论 -
Bootstrap之移动设备优先、栅格系统、媒体查询,响应式式布局
1. html5中head标签里引入 metaBootstrap 实行移动端优先原则 响应式布局 <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内部已引入 如果想下载看看源码。 点...原创 2020-05-18 11:16:06 · 14971 阅读 · 9 评论 -
Bootstrap3引入相关知识点
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.原创 2020-05-18 09:53:53 · 14917 阅读 · 10 评论