bootstrap学习记录

为什么80%的码农都做不了架构师？>>>

目前学了导航，导航栏，面包屑导航breadcrumb,table,panel,group-list,form,栅栏,droplist,badge
1.按钮，给<button> <a>添加btn样式就是btn了，样式有btn-default,btn-success,btn-info,btn-danger,btn-primary等，控制大小用btn-lg,btn-sm，btn-block可以铺满整个父元素宽度。禁用disabled

2.分页，ul 里添加pagination 就可以了，选中li上加class 不可用加disabled,大小控制pagination-lg pagination-sm，翻页下次遇到再说

3.按钮下拉,外层用btn-group,里面一个class="btn btn-default toggle-dropdown" data-toggle="dropdown" 后边跟个图标,然后下拉列表的内容，class="dropdown-menu"的ul。
4.布局 row 下边 col-md-2 col-md-10，列偏移col-md-offset-4 列嵌套，列排序？col-md-8 col-md-pull-4
5.面板基本的面板panel panel-heading panel-body panel-footer panel-heading里可以有class为panel-title的h1 h2等，panel的风格panel-default,panel-primary,panel-info,panel-warning,panel-danger,panel-success,panel和table无缝结合，panel和列表组list-group无缝结合
6按钮组做帖子主页面放收藏帖子+只看楼主的 class="btn-group" 里面放 btn 就可以了。大小控制btn-group-xs/sm/lg

7.glyphicon字体图标可以自定义样式
8.badge图标
9.列表组 list-group list-group-item 可以ul可以a标签做链接可以嵌套可以加自定义内容管理中心左侧导航用这个比较好。
10.排版注意下h1-h6
11.表格，暂时没用到，用到再说
12.图片样式有三个 IE8不支持先不理了
13.辅助类看下文字颜色背景颜色 text-muted text-primary/info/success/danger/warning bg-primary/info/success/danger/warning 左右浮动pull-left pull-right 变成块级并显示在中间center-block 清除浮动 clearfix 页面标题 page-header
关闭图标 清除浮动 clearfix pull-left pull-right

14.下拉菜单和其他下拉一起来
15.信息框和警告

转载于:https://my.oschina.net/wrean/blog/507596

bootstrap学习记录相关推荐

积跬步，聚小流------Bootstrap学习记录(2)
现阶段开启每一次新的征程,已然离不开"Hello World"的习惯仪式.这次自然也不例外.先来看下给出的官网给出的演示样例: 1.bootstrap官网提供的html基本模板代码 ...
Bootstrap学习记录-2.container和table
1. Container Bootstrap中容器类提供了2个类标识:container.container-fluid. 两者的区别在于: container:容器不止有15px的padding,还 ...
积跬步，聚小流------Bootstrap学习记录(3)
响应式作为Bootstrap的一大特色.栅格系统可谓是功不可没,既然如此,那我们就来看一下栅格系统是怎样帮助bootstrap实现响应式布局的呢? 1.什么是栅格系统我们能够从Bootstrap的官 ...
学习总结5 - bootstrap学习记录1__安装
1.bootstrap是什么? 简洁.直观.强悍的前端开发框架,说白了就是给后端二把刀开发网页用的,让web开发更迅速.简单. 复制代码 2.如何使用? 如图所示到bootstrap中文网进行下载复 ...
JavaScript-WebAPIs学习记录
JavaScript-WebAPIs学习记录浏览器交互效果 console.dir(); // 更好地查看里面的属性和方法 javascript:void(0); 或者 javascript:; 可 ...
Motion Based Multi-Sensor Extrinsic Calibration源码配置与学习记录
Motion Based Multi-Sensor Extrinsic Calibration源码配置与学习记录 1论文及源码地址 2环境配置 2.1 CppAD库 2.2 pycppad库 2.2. ...
java之JVM学习全过程学习记录
java之JVM学习记录其中有许多借鉴综合,感谢通哥也感谢大佬们,一起学习加油) 1.JAVA的三种常量池字符串常量池,运行时常量池,class文件常量池 2.类加载器加载类文件和执行引擎学习过程 3 ...
php文件上传学习记录
php文件上传学习记录 1.多文件上传及预览功能效果: 代码分两部分: 1.index02.html 2.file_preview.php 1.index02.html: <!DOCTYPE h ...
Kafka学习记录(四)——消费者
Kafka学习记录(四)--消费者目录 Kafka学习记录(四)--消费者对应课程 Kafka消费者工作流程消费方式和流程消费者组原理消费者组初始化流程消费者组详细消费流程重要参数 ka ...

bootstrap学习记录

bootstrap学习记录相关推荐

最新文章

热门文章