Bootstrap响应式菜单2000行CSS

-4

我手动编码一个网站。我是新手。我需要创建一个非常基本的水平导航栏，然后在较小的尺寸上有汉堡图标（或单词“菜单”）来显示导航链接。

为了节省重新发明轮子，我去了Bootstrap网站，使用下载的自定义选项，只是看起来相关的'navs''navbar'组件和Javascript和JQuery插件。

下载不包含任何HTML。我认为我必须从单独的“组件”页面获取HTML？或者我必须手动编写HTML，确保我使用CSS中指定的类？

我希望CSS会有大约20行代码。令我惊讶的是有两个样式表（bootstrap-theme.css和bootstrap.css）。第一行有597行代码。第二行1,766行代码。

对于这么简单的事情，为什么有超过2000行的代码？我需要删除99％的CSS，这将是一个很大的痛苦。我可以删除哪些位？

下载还包含一些名为config.json的内容这是什么？我希望有一些JavaScript可以在点击汉堡包图标时显示导航栏。

Bootstrap是寻找小功能的合适位置吗？还有哪些地方可以提供CSS和JavaScript来创建响应式菜单？

谢谢

2017-03-16 Markeee

http：// getboot strap.com/customize/ – Jazcash

你见过这个吗？ http://getbootstrap.com/customize/ – user1516873

你也可以使用缩小版本。无论如何，这个问题已经超出了SO的范围。 – ZimSystem

有实际上是可以自定义启动代码你一个简单的方法所希望的方式的方式（并获得较少的代码行..）：

我知道你不应该只用链接回答，但我认为在这种情况下是合适的

2017-03-16 15:05:32

什么是“少文件”？我从来没有使用预处理器，所以我宁愿坚持香草CSS。 – Markeee

@Markeee如果你没有看到使用Bootstrap的好处继续编码你自己的CSS。 Bootstrap专注于移动优先响应设计，我认为它的主要优点。我讨厌每次都必须在网站上重新考虑我的媒体查询断点。 – happymacarts

[This]（http://lesscss.org/）是LESS。 – Huelfe

回答