侧边栏定位问题

Question

我的网站页面上有一个侧边栏完全向左对齐，但我希望左侧有一些 space 和下面网站上的侧边栏：

https://www.artweb.com/artwork/search

这是边栏的 CSS 代码：

:focus {
outline: none;
}
.row {
margin-right: 0;
margin-left: 0;
}

.side-menu {
position: fixed;
margin-left: 50px;
width: 300px;
height: 100%;
background-color: #f8f8f8;
border-right: 1px solid #e7e7e7;
}
.side-menu .navbar {
border: none;
}
.side-menu .navbar-header {
width: 100%;
border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav .active a {
background-color: transparent;
margin-right: -1px;
border-right: 5px solid #e7e7e7;
}
.side-menu .navbar-nav li {
display: block;
width: 100%;
border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav li a {
padding: 15px;
}

还有一个带有 HTML 的 JFiddle 和预览现在的样子： https://jsfiddle.net/sgroL45L/

Answer 1

请包含以下代码段

.navbar-default .navbar-toggle {
 left:10px;
}

侧边栏定位问题

Sidebar Positioning Issue

html

css

sidebar

margin

alignment