使用bootstrap可以修改样式吗

发布网友发布时间：2022-04-25 16:53

共3个回答

懂视网时间：2022-05-12 02:30

更改bootstrap的默认样式

很久没用bootstrap，对与按自己的需求修改样式都忘了。

一上来就添加了新的class类，重写css样式让其覆盖原有的样式，实际上不起作用。因为没考虑的选择器的优先级。面试的时候会问到一些这个问题，一直不能从理论和实践联系起来。

我的解决方案是通过子选择器来增加权重，看别人也有用id的，我不太喜欢添加id的选择器。

回忆一波选择器以及其优先级。

一、css选择器

1.标签选择器(如：body,div,p,ul,li)

2.类选择器(如：class)

3.ID选择器(如：id)

4.全局选择器(如：*号)

5.组合选择器(如：.head .head_logo,注意两选择器用空格键分开)

6.后代选择器 (如：#head .nav ul li 从父集到子孙集的选择器)

7.群组选择器 div,span,img {color:Red} 即具有相同样式的标签分组显示

8.继承选择器(如：div p,注意两选择器用空格键分开)

9.伪类选择器(如：就是链接样式,a元素的伪类，4种不同的状态：link、visited、active、hover。)

10.字符串匹配的属性选择符(^ $ *三种，分别对应开始、结尾、包含)

11.子选择器 (如：div>p ,带大于号>)

12.CSS 相邻兄弟选择器器 (如：h1+p,带加号+)

热心网友时间：2022-05-11 23:38

完全可以根据自己的喜欢，只要你懂怎么修改就随便怎么修改

热心网友时间：2022-05-12 00:56

bootstrap已经作为前端开发必不可少的框架之一，应用bootstrap使得我们对布局、样式的设定变得非常简单。但bootstrap提供的默认样式往往不能满足我们的需求，从而定制化bootstrap成为我们经常需要做的工作，本文就如何更高效更可维护地定制boot...