.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>导航栏导航标题中的任何内容都不会显示。我不明白为什么内容不会显示。我需要一个顶部带有此标题的侧边菜单。但我首先尝试显示此内容。这里有什么问题.
最佳答案
您应该从您的 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
关于html - html 部分未显示在 visual studio 中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39756052/