javascript - 自定义布局以及 Bootstrap

Question

我将重新设计一个当前使用 Bootstrap 的网站。

我更喜欢构建自己的布局，但是由于该网站已经使用了 Bootstrap，我不确定如何进行重新设计。

我以前从未使用过 Bootstrap(我通过查看文档和视频知道它是如何工作的)但是我是否可以让网页的某些部分使用 Bootstrap 而其他部分不使用？

例如，假设主页上有 5 个部分。第一部分是全屏英雄等。然后第 3 部分和第 5 部分打破网格。我可以只对第 2 和第 4 部分使用 Bootstrap，然后对第 1、3 和 5 部分进行我自己的布局吗？我只是想知道这样做是否会导致问题？

另一个例子是我们希望网站上有这样的东西:https://codyhouse.co/demo/horizontal-timeline/index.html

我假设最好的实现方式是在 Bootstrap 之外？那么，这将是我不使用它的页面上的一个部分？

我知道我们可以废弃 Bootstrap，但并不是网站上的所有页面都在重新设计，所以 Bootstrap 已经开始使用了。我正在尝试使网站的某些部分更具交互性和“不同”，因此使用 Bootstrap 对基本布局有好处，但我不想为了实现我的目标而与它作斗争。

谢谢!

Answer 1

你有两种方法来构建你自己的布局

1. 覆盖bootstap的css，创建新的css文件，将你的styles写入其中，加载后嵌入bootstrap.min.css 在你的代码中。

2. 避免使用 bootstrap class，因为 bootstrap 正在处理 classes 所以避免使用 Bootstrap 类。