使用bootstrap等,摆脱不需要的css / functions

时间:2017-03-19 12:17:23

标签: css wordpress twitter-bootstrap

这可能看起来像一个有点愚蠢的问题,但对我来说这很重要,需要花费很多时间,而且我认为这是一个更简单的方法,或者只是你其他人的方式。

我不时使用bootstrap,因为我认为他们的解决方案非常干净且易于实现,但通常你会得到比你想要的更多的东西。举个例子,我有一个崩溃菜单,我正在使用它非常好,但要使用它我必须使用2个不同的CSS包含这么多我不使用。

我如何以最好的方式减少这个,例如我不想要他们的css,而只是用于此菜单的代码并将其复制到我的css中。到目前为止,我使用检查器来查看所提到的元素在引导程序css中引用了什么,然后我将这些行复制到我的程序中并更新并删除bootstrap.css以查看是否每个方法都保持不变。我有一个很好的方法来解决它,但它的时间很长,因为bootstrap.css是如此之大,并且有许多全局选择器也会影响外观。毫无疑问,我最终会深究它,但正如我所说,它需要很长时间,也许这是一个更简单的方法?

我想这样做是因为我想要理解我主题中的所有内容(使用wordpress)而不仅仅是复制粘贴,并对它的工作感到满意。我希望能够清楚地看到我对网站的设置,我想如果我包含我不知道他们正在做什么的文件我就不会得到它,并且它们占用了不需要的空间,所以它对于未来能够多次处理这些情况。

由于

2 个答案:

答案 0 :(得分:0)

您可能需要使用源代码。例如,您可以在最后修改此scss文件以选择您需要的内容并构建

https://github.com/twbs/bootstrap/blob/v4-dev/scss/bootstrap.scss

在以前的版本中

或更少 https://github.com/twbs/bootstrap/blob/master/less/bootstrap.less

答案 1 :(得分:0)

bootstrap有一个自定义页面。

http://getbootstrap.com/customize/

在那里你可以自定义几乎所有东西。