所以我最近正在开发一个网站,而不是使用从桌面到移动的导航条,我使用的是两个不同的导航条。
对于移动导航条,它是一个固定的导航条,有一个按钮来切换,使用折叠功能显示下面的内容。
这是一个错误:
Uncaught Error: Collapse is transitioning
at l.show (bootstrap.min.js:6)
at l.toggle (bootstrap.min.js:6)
at HTMLDivElement.<anonymous> (bootstrap.min.js:6)
at Function.each (jqu
我的整个AngularJS网站都是回复性的。它响应于屏幕大小&为移动、桌面和平板电脑加载相同的页面。然而,我有困难使肚脐成为一个独立的高度,在不同的设备上,以一种反应的方式。
大多数情况下,我只想让导航条在移动平台上以更小的高度加载,这样就可以将更多的屏幕空间用于用户希望看到的实际内容。
现在,我正在variables.less中设置高度变量,这是我目前知道如何更改导航栏高度设置的地方。
Variables.less
// Basics of a navbar
@navbar-height: 64px; // most relevant line!
通过更改bootstrap.css文件中的一行,我已经将网站导航条的大小从50 in更改为63 in。我以前这样做的代码如下:
.navbar {
position: relative;
min-height: 63px; /* Changing this from 50px to 63px to fit logo **NOTE TO SELF**/
margin-bottom: 20px;
border: 1px solid transparent;
}
效果很好。到现在为止还好。
然而,我的肚脐有一个下拉,这是我有一个问题。当用户单击下拉列表时,它会
我已经尽了一切努力让我的导航栏和主页一起出现。
当我使用下面的代码,即使我确定我的css工作,我不能得到一个导航条出现。所有发生的事情是我的“关于”链接到极右,我的“家”在左边,但是没有导航栏可以看到。
有人知道为什么我的导航条css没有激活吗?即使所有其他的引导css都是有功能的?
<!DOCTYPE html>
<html>
<head>
<title>Attempting to get nav bar to work</title>
<meta charset="UTF-8">