css - 修复了响应式 Bootstrap 侧边栏导航中的垂直 Logo

Question

有没有一种方法可以使用垂直 Logo 获得与代码中无序代码相同的结果:http://jsfiddle.net/ukMqq/94/

我删除了无序列表并插入了一张图片，但它不起作用。该图像仅以移动屏幕尺寸显示在顶部。

CSS

body {
    padding-bottom: 40px;
    padding-top: 60px;
}

.sidebar-nav {
    padding: 9px 0;
}

.sidebar-nav-fixed {
    position:fixed;
    top:60px;
    width:21.97%;
    z-index:-1;
}

@media (max-width: 767px) {
    .sidebar-nav-fixed {
        position:static;
        width:auto;
    }
}

@media (max-width: 979px) {
    .sidebar-nav-fixed {
        top:70px;
    }
}

 /* for demo purposes (fixed top navbar placement in the fiddle. Ok to remove */

@media (max-width: 767px) {
    body {
        padding-top: 0;
    }
}

@media (max-width: 979px) {
    body {
        padding-top: 0;
    }
}

HTML


     <div class="span3">
       <div class="well sidebar-nav sidebar-nav-fixed">
          <img src="images/image.png">
       </div><!--/.well -->
     </div><!--/span-->

Answer 1

你试过像这样把它放在'nav-header'中吗？

<div class="well sidebar-nav sidebar-nav-fixed">
         <ul class="nav nav-list">
           <li class="nav-header"><img src="images/image.png"></li>
           <li class="active"><a href="#">Link</a></li>
           <li><a href="#">Link</a></li>
           <li><a href="#">Link</a></li>
           ...