Форумы портала PHP.SU :: Версия для печати :: Меню слева поломало дизайн сайта

1. mstdmstd - 20 Января, 2019 - 17:24:40 - перейти к сообщению

Всем привет.
Посмотрите пожалуйста верстку странице на Bootstrap 4.1 :
http://demo2[dot]nilov-sergey-demo-a[dot][dot][dot]arehouses/2/edit

Там надо вводить логин и пассворд : admin@demo.com 111111

Я нашел в нете и сделал меню слева (он не должен быть виден на маленьких устройствах).

Но с этим меню появились небольшие баги которые нужно исправить :

1) Нужно содержимое страницы (синий бордюр) оцентрировать что я делал с помощью классов :

CODE (htmlphp):
скопировать код в буфер обмена

.wrapper {
  display: flex;
  align-items: stretch;
  border: 2px dotted red;
  margin-right: auto;
  margin-left: auto;
  padding: 0 !important;
}
 
#page-wrapper {
  margin-right: 10px;
  margin-left: 10px;
  padding: 0 !important;
  width: 100% !important;
  border: 1px solid blue !important;
  align-content: center;
}

Похоже проблема в свойствах display и align-items классов выше, но пытаясь изменить значения я добился что меню совсем переставало работать .

2) Список http://demo2[dot]nilov-sergey-demo-a[dot][dot][dot]tk/admin/clients со многими колонками должен иметь гор прокрутку,
но вместо прокрутки при синтаксисе :

CODE (html):
скопировать код в буфер обмена

<div class="table-responsive">
        <div id="get-client-dt-listing-table_wrapper" class="dataTables_wrapper no-footer">
 

смещается вся страница. Опять, похоже из-за кривой верстки меню.

Как это исправить ?

Спасибо!