码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap案例积累

时间:2018-09-25 17:24:37      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:src   media   选择器   通配符   span   表示   inf   size   idt   

center-block,将元素相对于父元素居中。

技术分享图片

@media之后的括号中max-width或者min-width设置完后不需要加分号。

添加hidden-sm,hidden-xs隐藏类,可以将移动端不需要的样式隐藏。

技术分享图片

 

*是通配符,匹配所有的元素;+是相邻兄弟选择器;#page-head+*表示id为page-head的元素后面的相邻的元素,他们具有相同的父元素。

导航条组件的使用:复制后修改。

在使用bootstrap的时候,需要对bootstrap中的样式熟悉,才能准确把控样式。

 
技术分享图片
 
官网里有bootstrap的基本模板。 bootstrap.css需放在最前面。自己设置的才能覆盖原有的。 引入bootstrap.js需要放在引入的JQ后面,这样bootstrap.js中的JQ才能起作用。
 
技术分享图片

bootstrap案例积累

标签:src   media   选择器   通配符   span   表示   inf   size   idt   

原文地址:https://www.cnblogs.com/zhonghonglin1997/p/9700424.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!