![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端框架Bootstrap
静风啊
这个作者很懒,什么都没留下…
展开
-
Bootstrap 表单
1.输入框组 form-group 多选框checkbox Email address Remember me 2.默认样式.form-control input type="email" class="form-control" id="exampleInputEmail1" placeholder="原创 2016-03-15 21:39:20 · 419 阅读 · 0 评论 -
Bootstrap 按钮 图片
1.样式: btn btn-default btn btn-primary btn btn-info btn btn-danger btn btn-success btn btn-warning btn btn-link 2.尺寸: lg sm xs 3.通过给按钮添加.btn-block可以使其充满父节点100%的宽度,而且按钮原创 2016-03-15 22:10:13 · 678 阅读 · 0 评论 -
Bootstrap 下拉框 按钮组、工具栏
1.下拉框 <button class="btn btn-primary" type="button" data-toggle="dropdown"> //下拉框触发器 Dropdown "dropdown-menu"> "dropdown-header">标题内容 //下拉框内容 Action Another action原创 2016-03-16 11:09:26 · 1203 阅读 · 0 评论 -
Bootstrap 导航栏 分页 标签 徽标 警告框
导航条: .navbar navbar-default .navbar-header 商标 a.navbar-brand 导航条固定顶部: .navbar-fixed-top 导航条固定顶部: .navbar-fixed-bottom 导航条反色: .navbar-inverse 条 导航条 ul 元素: ul.nav navbar-nav 条 导航原创 2016-03-16 15:08:04 · 447 阅读 · 0 评论 -
Bootstrap 进度条 列表组
进度条 颜色4种 progress-bar-success danger warning info 条纹progress-striped 运动progress-striped active 列表组 ul.list-group li.list-group-item div class="list-group"> a href="#" c原创 2016-03-16 15:46:03 · 436 阅读 · 0 评论 -
Bootstrap javascript插件 模态框
1模态框 首先设置一个button作为触发器 设置data-toggle="modal" data-target="#mymodal" fade是一种淡入淡出的效果 实例 Run!原创 2016-03-16 16:26:58 · 194 阅读 · 0 评论 -
Bootstrap 引入 栅栏系统 文本 表格 类
1.引入 <!-- 最新 Bootstrap 核心 CSS 文件 --> link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css"> <!-- 可选的Bootstrap主题文件(一般不用引入) --> link rel="styleshee原创 2016-03-15 15:59:36 · 1009 阅读 · 0 评论