首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何自定义引导?

如何自定义引导?
EN

Stack Overflow用户
提问于 2016-05-10 03:12:32
回答 2查看 34关注 0票数 0

有一个名为http://www.getbootstrap.sk/customize/index.html的页面,但在你完成并编译并下载完成的压缩文件之后-没有任何东西给出任何线索,甚至没有任何东西给出如何处理do文件的线索。(我刚刚通过bower安装了标准包)。

那么我应该如何处理下载的自定义文件呢?

ALl我真正想做的是阻止我的导航栏项目在宽度降到768px以下时消失-我不希望它们永远消失。

EN

回答 2

Stack Overflow用户

发布于 2016-05-15 14:52:33

你不需要下载这个库。您可以使用联机库。

例如:

代码语言:javascript
运行
复制
<!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.cssbootstrap.min.js移动到保存CSSJS文件的文件夹中,并在web页面的页眉中引用它们。

例如:

代码语言:javascript
运行
复制
<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这样的东西

我需要看到你的源代码,以更好的方式帮助你。同时,我希望这对你有所帮助。

票数 0
EN

Stack Overflow用户

发布于 2016-05-15 16:44:09

引导程序。如何使导航栏从不折叠

在存档中设置0.

  • Click page.

  • Extract @grid-float-breakpoint Compile and Download按钮的字段值,该按钮位于bootstrap.cssbootstrap.min.css文件的底部。

  • 使用它们,而不是站点上的标准文件<代码>D16和<代码>D17。<代码>H218<代码>G219
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37123653

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档