侧边栏定位问题

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