Boostrap
小涛涛啊!
这个作者很懒,什么都没留下…
展开
-
bootstrap 第十五章 导航条
第十五章 导航条案例解释<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="../bs/css/bootstrap.css"/> </head> <body> <nav class="navba原创 2020-10-03 10:27:43 · 121 阅读 · 0 评论 -
bootstrap 第十四章 输入框组
第十四章 输入框组 类 作用 .input-group 输入框分组 .input-group-addon 输入框外添加额外的内容 .input-group-btn 输入框外添加额外的内容(主要是添加btn按钮用) .form-control 让input框的宽百分百显示,自适应 .input-group-lg 大 .input-group-sm 小<!DOCTYPE html><h原创 2020-10-03 10:22:57 · 366 阅读 · 0 评论 -
bootstrap 第十三章 按钮下拉菜单
第十三章 按钮下拉菜单 类 作用 .btn-group 划分一组 .dropdown-toggle 在button按钮里面添加(只是一个说明,不重要) .btn-lg 大 .btn-sm 小 .btn-xs 超小<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> &l原创 2020-10-03 10:21:13 · 149 阅读 · 0 评论 -
bootstrap 第十二章 按钮组件
第十二章 按钮组件 类 作用 .btn-group 把按钮分成一小组 .btn-toolbar 把小组按钮分成一大组 .btn-group-lg, 超大组 .btn-group-sm, 小1号组 .btn-group-xs 超小号组 .btn-group-vertical 竖着排列的组<!DOCTYPE html><html> <head> <meta charset="ut原创 2020-10-03 10:18:58 · 94 阅读 · 0 评论 -
bootstrap 第十一章 下拉菜单
第十一章 下拉菜单下拉菜单组件的使用事项:注意引入的顺序!!!–先引入css–引入jq–引入js 类 作用 .dropdown 表示下拉菜单区域 .caret 三角 data-toggle='dropdown' 这个写法是为了和js代码进行交互,才有了下拉菜单交互功能 .dropdown-menu 菜单的区域 .pull-right 右对齐下拉菜单 .dropdown-header 下拉菜单的标签区域添加标题 .dro原创 2020-10-03 10:15:16 · 64 阅读 · 0 评论 -
bootstrap 第十章 字体图标
第十章 字体图标<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="../bs/css/bootstrap.css"/> <style type="text/css"> .music{ color: re原创 2020-10-03 10:11:42 · 85 阅读 · 0 评论 -
bootstrap 第九章 表格
第九章 表格 类 作用 .form-group 把控件和lable合并到一起,划分成一组 .form-control 把控件的宽度按照百分百显示,且有自适应效果 .sr-only 讲文本隐藏 .form-inline 让元素一行显示(内联表单) .form-horizontal 让lable和input一行显示,小屏幕情况下上下显示 .col-sm-10 给元素写宽度 .control-label 给lable添加样式 --原创 2020-10-03 10:09:59 · 169 阅读 · 0 评论 -
bootstrap 第八章 辅助类
第八章 辅助类文字类类描述.text-muted“text-muted” 类的文本样式––.text-primary“text-primary” 类的文本样式––.text-success“text-success” 类的文本样式––.text-info“text-info” 类的文本样式––.text-warning“text-warning” 类的文本样式––.text-danger“text-原创 2020-10-01 13:27:15 · 149 阅读 · 0 评论 -
bootstrap 第七章 图片
第七章 图片类描述.img-rounded为图片添加圆角 (IE8 不支持)––.img-circle将图片变为圆形 (IE8 不支持)––.img-thumbnail缩略图功能––.img-responsive图片响应式 (将很好地扩展到父元素)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title&原创 2020-10-01 12:59:34 · 106 阅读 · 0 评论 -
bootstrap 第六章 按钮
第六章 按钮类描述.btn为按钮添加基本样式––.btn-default默认/标准按钮––.btn-primary原始按钮样式(未被操作)––.btn-success表示成功的动作––.btn-info该样式可用于要弹出信息的按钮––.btn-warning表示需要谨慎操作的按钮––.btn-danger表示一个危险动作的按钮操作––.btn-link让按钮看起来像个链接原创 2020-10-01 12:55:26 · 293 阅读 · 0 评论 -
bootstrap 第五章 表格
第五章 表格类作用.table表格的框架––.table-bordered表格的边框––.table-striped表格出现条纹状––.table-hover划过表格出现灰色背景––.table-condensed缩小表格––.active鼠标悬停在行或单元格上时所设置的颜色––.success标识成功或积极的动作––.info标识普通的提示信息或动作––.原创 2020-10-01 12:34:38 · 196 阅读 · 0 评论 -
bootstrap 第四章 代码
第四章 代码名字作用<code>标记标签––<kbd>键盘按键样式标签––<pre>按照输入的写法,输出文本––.pre-scrollable加上这个类,pre就会出现滚动条––<var>斜体––<samp>编辑器里面是什么样式,samp标签输出就是什么样式<!DOCTYPE html><html> <h原创 2020-09-29 15:02:16 · 198 阅读 · 0 评论 -
bootstrap 第三章 排版
第三章 排版类作用.h1~h6任何标签用这个类就有了标题标签的样式––<small>&.smll副标题标签和类––.lead突出内容––.text-left文本左对齐––.text-right文本右对齐––.text-center文本居中对齐––.text-justify文本左右对齐––.text-nowrap文本一行显示––.text-原创 2020-09-28 20:45:53 · 357 阅读 · 0 评论 -
bootstrap 第二章栅格系统
第二章栅格系统序号名字类名作用1容器.container响应式的布局容器 大屏(>=1200px)宽度是1170px中屏(>=992px)宽度是970px小屏(>=768px)宽度是750px––––2容器.container-fluid流失布局布局容器流失布局 百分百的宽适合做移动端开发––––3栅格系统bs中的栅格系统将容器平均分为了12列bs中行和列的组合来创建页面––––行.row原创 2020-09-28 16:41:56 · 253 阅读 · 0 评论 -
bootstrap 第一章 bs 入门
第一章 bs 入门1:bootstarp简介:--Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。--Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。2:bootstarp网址:--中文网址:https://www.bootcss.com/--外文网址: http://getbootstrap.com/--菜鸟网络:https://www.runoob.com/bootstrap/bootstrap-gri原创 2020-09-28 09:05:58 · 505 阅读 · 0 评论