如何使用bootstrap框架写出没有bootstrap风格的页面

如何使用bootstrap框架写出没有bootstrap风格的页面

在现在的前端中，会bootstrap并不能为你提高多少的薪水，但是如果不会bootstrap，嗯哼，可能有点难找到一份前端的工作。

bootstrap集成的样式和组件能让一个前端工程师快速的搭建出一个风格上还不错的前端页面， 个人还是很喜欢这种清新干净的风格。但是不同的企业对页面有着不同的页面需求，这时候就需要稍微微的自定义些样式。

在bootstrap中复制已经搭好的组件，复制样式名，在bootstrap源码中查找该样式，复制粘贴到自己的自定义样式中，灵活的使用栅格化和自己的css本身进行修改，当当当， 你喜欢的样式就出来了。

以3.3.7为例，对于我们复制过来的模块，要分析其中样式的作用，一般情况下，有’-'在中间的样式是控制样式的，没有-的是模块名称，data-的一般用来绑定js,其中data-target="#login-box"，一般来指定控制目标（a标签中的href耶也可以做到同样的效果），data-toggle指以什么事件触发，例如在按钮里设置data-toggle=‘modal’ ，点击时会弹出模态框。所以如果要更改样式的话，不要去随意删减data-开头的类名。

除了去复制样式，也可以直接删掉bootstrap的样式，换上自己写的样式。

详情可以去看官网的文档 https://v3.bootcss.com/