有一个名为http://www.getbootstrap.sk/customize/index.html的页面,但在你完成并编译并下载完成的压缩文件之后-没有任何东西给出任何线索,甚至没有任何东西给出如何处理do文件的线索。(我刚刚通过bower安装了标准包)。
那么我应该如何处理下载的自定义文件呢?
ALl我真正想做的是阻止我的导航栏项目在宽度降到768px以下时消失-我不希望它们永远消失。
发布于 2016-05-15 14:52:33
你不需要下载这个库。您可以使用联机库。
例如:
<!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
文件的文件夹中,并在web页面的页眉中引用它们。
例如:
<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这样的东西
我需要看到你的源代码,以更好的方式帮助你。同时,我希望这对你有所帮助。
发布于 2016-05-15 16:44:09
引导程序。如何使导航栏从不折叠
在存档中设置0
.
@grid-float-breakpoint
Compile and Download
按钮的字段值,该按钮位于bootstrap.css
和bootstrap.min.css
文件的底部。
https://stackoverflow.com/questions/37123653
复制相似问题