1

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-->
4

1 に答える 1

0

このように「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>
           ...
于 2013-04-28T16:58:01.777 に答える