bootstrap
追涨杀跌的小韭菜
嗯哼,努力做一个前端大神
展开
-
四天搞定bootstrap---第一天
1.什么是响应式网页? 1G:模拟信号,手机只能打电话 2G:数字信号,手机可以发短信 2.5G:GPRS,手机可以浏览网页,WAP/WML 3G:智能手机,iOS/Android——Linux操作系统,具备真正的浏览器,可以浏览HTML网页 早期的HTML网页都是为PC浏览器准备的,宽度设定都很大,手机屏幕,浏览体...原创 2018-10-23 09:58:33 · 226 阅读 · 0 评论 -
四天搞定bootstrap---第二天
1.Boostrap第二部分:全局CSS样式——辅助类 .pull-left .pull-right .caret .close .center-block2.Boostrap第二部分:全局CSS样式——排版&代码3.Boostrap第二部分:全局CSS样式——表格 .table ...原创 2018-10-23 10:05:39 · 289 阅读 · 0 评论 -
四天搞定bootstrap---第三天
1.补充知识点:Bootstrap全局CSS样式——栅格系统 列偏移(offset): 控制某列向右错位,并影响后续所有的列 .col-lg/md/sm/xs-offset-* 作用:列左右留白、列右对齐、列居中 列排序: 控制某列向右/左移动,并不影响其他列 .col-lg-push-1...原创 2018-10-29 11:38:20 · 260 阅读 · 0 评论 -
四天搞定bootstrap---第四天
1.Bootstrap插件概述 Bootstrap一共提供了十几个插件函数,可以单个引入,也可以一次性全部引入(bootstrap.js) 使用方法有两种: (1)使用JS方式调用 $('div').modal( ); (2)使用data-*方式调用 —— 推荐写法 <div data-toggle="modal"> 2....原创 2018-10-31 18:53:17 · 257 阅读 · 0 评论 -
bootstrap响应式导航条示例
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=&原创 2018-10-30 10:18:31 · 413 阅读 · 0 评论 -
用bootstrap实现手风琴效果
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=&原创 2018-10-30 09:24:01 · 1548 阅读 · 0 评论