侧边栏定位问题

Question

我的网站页面上有一个侧边栏，左边完全对齐，但我希望左侧和侧边栏有一些空间，如下面的网站所示：

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;
}