SB 管理员 2 CSS 不完整
SB Admin 2 CSS Incomplete
查看下面的更新
我遇到了 metismenu 没有充当左侧菜单面板的问题。它从左向右延伸,几乎就好像它认为它是一个 bootstrap3 风格的导航栏。
我第一次遇到这个问题是在我尝试使用 SB Admin 2 时,但我在使用他们网站上的简单 metismenu 代码时看到了错误。
我正在使用 Django 1.7
我在这里缺少一些简单的东西吗? 我完全按照本页中的使用方式使用它:http://demo.onokumus.com/metisMenu/index.html
更新
我能够复制演示中的代码。我遇到了 CSS 的问题,但在 SB Admin 2 (http://startbootstrap.com/template-overviews/sb-admin-2/) 中使用它时我的问题仍然存在。我有完全相同的 css、代码和 JS..
所以我想我的问题是,Django 是否会在它到达我的浏览器之前做任何可能搞砸的事情?我只问因为我对网络编程和 Django 很陌生。
更新 2
这是一个 CSS 问题。即使我有完全相同的代码,在同一个浏览器中使用它,CSS 规则之一并未应用于我的代码。我不知道为什么,如果其他人遇到这个问题,那就是侧边栏规则没有被应用:
.sidebar {
z-index: 1;
position: absolute;
width: 250px;
margin-top: 51px;
}
EDIT 显然,这可能只是一个间接案例,因为我在重新下载源代码时无法重现问题。不管怎样,我都会把我的解决方案放在这里。
好吧,所以我觉得我花了这么长时间才弄明白有点傻。
基本上 SB Admin 2 下载中的 CSS 是不完整的。我的建议是,转到 demo site 并从那里复制 CSS。据我所知,具体是缺少下面的 CSS 规则:
@media(min-width:768px) {
.sidebar {
z-index: 1;
position: absolute;
width: 250px;
margin-top: 51px;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
margin-left: auto;
}
}
查看下面的更新
我遇到了 metismenu 没有充当左侧菜单面板的问题。它从左向右延伸,几乎就好像它认为它是一个 bootstrap3 风格的导航栏。
我第一次遇到这个问题是在我尝试使用 SB Admin 2 时,但我在使用他们网站上的简单 metismenu 代码时看到了错误。
我正在使用 Django 1.7
我在这里缺少一些简单的东西吗? 我完全按照本页中的使用方式使用它:http://demo.onokumus.com/metisMenu/index.html
更新 我能够复制演示中的代码。我遇到了 CSS 的问题,但在 SB Admin 2 (http://startbootstrap.com/template-overviews/sb-admin-2/) 中使用它时我的问题仍然存在。我有完全相同的 css、代码和 JS..
所以我想我的问题是,Django 是否会在它到达我的浏览器之前做任何可能搞砸的事情?我只问因为我对网络编程和 Django 很陌生。
更新 2 这是一个 CSS 问题。即使我有完全相同的代码,在同一个浏览器中使用它,CSS 规则之一并未应用于我的代码。我不知道为什么,如果其他人遇到这个问题,那就是侧边栏规则没有被应用:
.sidebar {
z-index: 1;
position: absolute;
width: 250px;
margin-top: 51px;
}
EDIT 显然,这可能只是一个间接案例,因为我在重新下载源代码时无法重现问题。不管怎样,我都会把我的解决方案放在这里。
好吧,所以我觉得我花了这么长时间才弄明白有点傻。
基本上 SB Admin 2 下载中的 CSS 是不完整的。我的建议是,转到 demo site 并从那里复制 CSS。据我所知,具体是缺少下面的 CSS 规则:
@media(min-width:768px) {
.sidebar {
z-index: 1;
position: absolute;
width: 250px;
margin-top: 51px;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
margin-left: auto;
}
}