2012-07-10 100 views
6

我即将开始一个非常大的前端构建项目,并可能在许多网站上重复使用相同的网格。我的团队中的后端开发人员对Bootstrap和我们应该如何使用它充满了狂言和狂言。我应该使用Bootstrap吗?

我已经开始使用它,它非常好,但是我们的网格比Bootstrap更复杂。所以我钻进了LESS文件并添加了一些我自己的规则并修改了响应式网格。我也可能需要在那里更改和添加媒体查询。

所以我的问题是,考虑到我不得不更改和定制Bootstrap相当多,是否最佳做法做到这一点或从头开始创建我的网格/框架?

+1

我认为这个问题太可能征求意见而不是让你成为事实回答。 IMO我不会改变bootstrap CSS,而是添加我自己的覆盖样式的CSS。 Twitter Bootstrap提供的不仅仅是一个响应式网格,因此它取决于您要使用多少网格。这是你的项目,没人在这里可以知道它的复杂性。所以出于这个原因,我投票结束,因为没有建设性。 – 2012-07-10 10:30:21

+1

谢谢我的头疼,我打算把你的和perikis的(下面的答案)重写,但不改变bootstrap核心。我也会注释掉varibales.less文件的任何部分,我不使用它来保持它的苗条。 – shrewdbeans 2012-07-12 08:11:26

回答

5

我建议你使用bootstrap并根据你的需要应用自定义。在我们的例子中,我们提供了一些额外的.less文件,并且@import它们在bootstrap.less中。我们使用一个变量,在variables.less下导入变量,一个用于类,在boostrap.less列表的末尾导入。这样,你可以确保你可以覆盖变量和类,并且包含你自己的,同时你仍然与未来的引导更新兼容

+0

感谢periklis,我认为采取这种方法将起作用。我将在varibales.less文件中注释掉我不需要的部分,然后将我自己的修改包含为覆盖。 – shrewdbeans 2012-07-12 08:09:47

+1

好的,但你不必评论任何东西,上面的方法只是工作 - 只是它会导致一个更大和多余的CSS文件 – periklis 2012-07-12 08:46:03

1

首先检查你有多少东西打造Twitter的引导与它相匹配你的框架。我认为twitter bootstrap带有响应式网格,因此您不必使用大量的东西+更少的是自定义您想要的方式。检查http://twitter.github.com/bootstrap/less.html

如果没有。的功能太多,然后考虑项目预算以及未来twitter引导如何有用。它会回答我猜的一切:)