HTML部分沒有在Visual Studio中顯示

.nav-md .container.body .col-md-3.left_col { 
 
    min-height: 100%; 
 
    width: 230px; 
 
    padding: 0; 
 
    position: absolute; 
 
    display: -ms-flexbox; 
 
    display: flex; 
 
    z-index: 1; 
 
    background-color:black 
 
} 
 
.nav-md .container.body .col-md-3.left_col.menu_fixed { 
 
     height: 100%; 
 
     position: fixed; 
 
     background-color:aqua 
 
    } 
 
body .container.body .right_col { 
 
    background: #F7F7F7; 
 
} 
 
.nav-md .container.body .right_col { 
 
    padding: 10px 20px 0; 
 
    margin-left: 230px; 
 
} 
 
.nav-md .container.body .col-md-3.left_col { 
 
    display: none; 
 
} 
 
.nav-md .container.body .right_col { 
 
    width: 100%; 
 
    padding-right: 0; 
 
} 
 
.site_title { 
 
    text-overflow: ellipsis; 
 
    overflow: hidden; 
 
    font-weight: 400; 
 
    font-size: 22px; 
 
    width: 100%; 
 
    color: #ECF0F1 !important; 
 
    margin-left: 0 !important; 
 
    line-height: 59px; 
 
    display: block; 
 
    height: 55px; 
 
    margin: 0; 
 
    padding-left: 10px; 
 
} 
 
    .site_title:hover, .site_title:focus { 
 
     text-decoration: none; 
 
    } 
 
    .site_title i { 
 
     border: 1px solid #EAEAEA; 
 
     padding: 5px 6px; 
 
     border-radius: 50%; 
 
    } 
 
.left_col { 
 
    background: #2A3F54; 
 
} 
 
.nav_title { 
 
    width: 230px; 
 
    float: left; 
 
    background: #2A3F54; 
 
    border-radius: 0; 
 
    height: 57px; 
 
}

<body class="nav-md"> 
 
    <div class="container body"> 
 
     <div class="main_container"> 
 
      <div class="col-md-3 left_col"> 
 
       <div class="left_col scroll-view"> 
 
        <div class="navbar nav_title" style="border: 0;"> 
 
       <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a> 
 
      </div> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</body>

無論是導航欄導航標題中存在不displayed.I不明白爲什麼內容不會display.I需要這方面的一個側面菜單標題在頂部。但我首先試圖做這個顯示。這裏有什麼不對。

來源

2016-09-28 nimmy

您應該解決您的錯字以及：nav_title => nav-title – Saeid

你應該從你的CSS代碼刪除此行：

.nav-md .container.body .col-md-3.left_col { 
    display: none;

或使用此代碼：

.nav-md .container.body .col-md-3.left_col { 
     display: block;

這裏的jsfiddle：enter link description here

來源

2016-09-28 19:33:42 praguan

做了它，但它不顯示 – nimmy

@nimmy使用塊而不是none，如果您爲類.nav-md設置爲none，則不會顯示 – praguan

我做到了..但仍然沒有顯示。在設計模式中，我可以看到左側的容器體和右側的導航欄像無關。當我運行其空白碼 – nimmy

HTML部分沒有在Visual Studio中顯示

回答

相關問題