Question

请参阅下面的更新

我遇到的问题是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;
}

Answer 1

编辑显然，这可能只是一个间接情况，因为重新下载源时我无法复制问题。不管怎样，我会在这里保留我的解决方案。

好的，所以我觉得有点傻，我花了很长时间才弄明白。

基本上，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;
    }
}

SB Admin 2 CSS不完整

1 个答案: