![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bootstrap
刘之帅
日拱一卒无有尽,功不唐捐终入海。
展开
-
bootstrap笔记之十二栅格系统
12栅格系统:.container作用:元素居中,内补15px,其宽度是响应式的,不会占据整个页面。.container{ padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}@media (min-width: 768px) { .containe原创 2017-07-20 15:57:52 · 1843 阅读 · 0 评论 -
bootstrap中的样式分类
bootstrap中的样式分类基础样式颜色样式尺寸样式状态样式特殊元素样式并列元素样式嵌套子元素样式动画样式其组件样式思想为,由【基础样式】为根基,对同一组件加以不同的特征样式(颜色样式、尺寸样式等)组合,来实现效果,例如class=”btn btn-info btn-xs”。基础样式基础样式仅仅定义基础模板。通常为组件名称简写如btn颜色样式Bootstrap默认为很多组件都提供原创 2017-07-20 16:02:06 · 1253 阅读 · 0 评论 -
CSS优先级
CSS优先级内联样式>外部样式&内部样式 外部样式&内部样式的优先级取决于先后顺序,后面的覆盖前面的。CSS选择器权重(权重大者优先) 内联样式>ID选择器>类选择器>元素选择器 当权值相等时,后出现的样式表设置要优于先出现的样式表设置;标有“!important”规则的优先级最大,*选择器优先级最低当class=”a b”两个样式时,如果.b .a谁在后面定义的,则展现谁的样式,class=原创 2017-07-20 16:09:43 · 356 阅读 · 0 评论 -
bootstrap之组件
JavaScript插件操作对象寻找规则先查找data-target属性再查找href属性如果都没有,则操作父元素。小图标<!-- 第一种方式 --><i class="glyphicon glyphicon-search"></i><!-- 第二种方式 --><span class="glyphicon glyphicon-search"></span>所有的icon样式都以glyphi原创 2017-07-27 21:15:53 · 864 阅读 · 0 评论 -
bootstrap基础布局
居中容器.container.container { padding-right: 15px; padding-left: 15px; margin-right: auto; /*左右居中的设置*/ margin-left: auto;}.container的宽度由设备宽度决定(响应式);标题样式bootstrap定义了.h1~.h6用于在非标题元素使用强调文本样式原创 2017-07-20 16:15:43 · 627 阅读 · 0 评论