自定义布局以及Bootstrap

时间:2017-04-22 09:46:23

标签: javascript jquery html css twitter-bootstrap

我将重新设计一个目前使用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对基本布局有好处,但我不想与它斗争以实现我的目标

谢谢!

1 个答案:

答案 0 :(得分:0)

您有两种方法可以构建自己的布局

  1. 覆盖css的{​​{1}},创建新的css文件并将您的获胜bootstap写入其中,然后在代码中styles之后加载它。< / p>

  2. 避免使用bootstrap.min.css,因为bootstrap正在使用bootstrap class 避免使用bootstrap类。