Question

有一个页面http://www.getbootstrap.sk/customize/index.html，但是在完成并编译并下载完成的zip文件之后 - NOWHERE甚至可以提供有关如何处理这些文件的线索。（我刚刚通过凉亭安装了标准包装。）

那我应该对下载的自定义文件做些什么呢？

ALl我真正想做的是当宽度低于768px时阻止我的导航栏项目消失 - 我不希望它们永远消失。

Answer 1

您不需要下载该库。您可以使用在线图书馆。

例如：

<!DOCTYPE html="en">
<html>

  <head>
    <meta charset="utf-8">
    <meta name=viewport content="width=device-width, initial-scale=1.0">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Course</title>
    <!-- Normalize -->
    <link rel="stylesheet" href="https://yui.yahooapis.com/3.18.1/build/cssnormalize/cssnormalize.css" type="text/css">
    <!-- CSS BOOTSTRAP -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <!-- YOUR OWN CSS LIBRARY -->
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <!-- JQUERY If you need it -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <!-- JS BOOTSTRAP -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <!-- YOUR OWN JS LIBRARY -->
    <script type="text/javascript" src="js/main.js"></script>
  </head>

  <body>
      ....
  </body>

</html>

但是，如果您要下载该库，则只需将bootstrap.min.css和bootstrap.min.js移动到保存CSS和JS个文件的文件夹中，并在您的网页标题中引用它们。

例如：

<head>
  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
...
</head>

<强>更新：

基于Bootstrap's documentation，我建议，为了避免折叠导航栏，请从导航栏的任何元素中删除类navbar-collapse。

如果禁用了JavaScript并且视口足够窄以致导航栏崩溃，则无法展开导航栏并查看.navbar-collapse中的内容。响应式导航栏要求折叠插件包含在您的Bootstrap版本中。

此外，您必须删除每次导航栏折叠时显示的按钮。

像jsfiddle

这样的东西

我需要查看您的源代码，以更好的方式帮助您。同时，我希望这能帮到你。

Answer 2

<强>引导。如何使导航栏永不崩溃

在Grid system设置@grid-float-breakpoint的字段0值。
点击页面底部的Compile and Download按钮。
从生成的档案中提取文件bootstrap.css和bootstrap.min.css。
使用它们代替您网站上的标准文件bootstrap.css和bootstrap.min.css。

如何定制bootstrap？

2 个答案: