2016-11-01 11 views
0

У меня есть боковая панель на моей странице сайта в совмещается полностью влево, но я хочу, чтобы некоторое пространство слева и боковая панель, как на сайте ниже:Sidebar Позиционирование Выпуск

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

Также JFiddle с HTML и предварительного просмотра, как он выглядит сейчас: https://jsfiddle.net/sgroL45L/

+0

Вы используете бутстрап? –

+0

да я его использую – user5947524

+0

http://www.bootply.com/101100 проверить эту ссылку для лучшей работы. –

ответ

0

Пожалуйста, включите ниже фрагмент

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

Это ничего не делало для этого – user5947524

 Смежные вопросы

  • Нет связанных вопросов^_^