BootStrap
帅气的程序员
学习使我快乐
展开
-
BootStrap(二)
BootStrap(二)下面是对BootStrap一些组件的介绍1.定制的字体 常用的类是 glyphicon glyphicon-x 太多了具体的看菜鸟教程中2.下拉菜单 下单菜单的使用:首先外层定义一个div class为dropdown 内层定义一个button button的class为dropdown-toggle 同时设置button的data-toggle=’dr原创 2017-10-17 17:12:21 · 374 阅读 · 0 评论 -
BootStrap(三)模态框
BootStrap(三)模态框模态框作为一个很重要的组件 具体使用 如下 首先 模态框的触发 可能是一个按钮 链接 或 一个事件1.以按钮为例 标签式触发 定义一个按钮 这个按钮将是触发模态框<button id="btn" class="btn btn-primary">模态框按钮</button>然后定义模态框 首先定义一个div class为modal sh原创 2017-10-17 19:04:45 · 672 阅读 · 0 评论 -
BootStrap(四)
BootStrap(四)下面主要说一些 js事件调用 :1.下拉菜单的js调用 元素.dropdown() 和 元素.dropdown(‘toggle’) 不好用 不多用2.提示标语 tooltip 使用:先写一个a标签 最普通的 在这个a标签中 可以设置 title data-placement 等等 具体 有: 同时 添加 js 元素.tooltip原创 2017-10-18 10:22:09 · 284 阅读 · 0 评论 -
BootStrap(五)折叠和轮播
BootStrap(五)折叠和轮播下面是我最喜欢的两个插件了一个是折叠,另一个是轮播 1.折叠 首先先来一个最基础的 标签版本 主要用的类是data-toggle=’collapse’ data-target=’#折叠的div’ 创建一个div class=’collapse’ 这样 点击按钮就能实现 折叠效果手风琴的 首先创建一个div class=’panel-group’ i原创 2017-10-18 16:50:44 · 1257 阅读 · 0 评论 -
BootStrap(一)
BootStrap(一)其实BootStrap的使用还是关于他的一些class的使用 基本的css如下:1.首先container类 屏幕左右两段外间距是15px ,所用类 是 container ,container-fluid 2.栅栏格局 可以将网页分为12列 每一行是一个row 对于每一个row 可用col-屏幕大小-所占栏数 其中屏幕大小有xs 超小(手机) sm较小(原创 2017-10-17 15:43:37 · 297 阅读 · 0 评论