Изменение шаблона администратора начальной загрузки

#html #jquery #css #twitter-bootstrap #twitter-bootstrap-3

#HTML #jquery #css #twitter-bootstrap #twitter-bootstrap-3

Вопрос:

Как мне изменить этот шаблон администратора начальной загрузки 3

https://getbootstrap.com/docs/3.3/examples/dashboard/

нравится это?

Легко удалить верхнюю фиксированную панель навигации и переместить все на 50 пикселей вверх (определено внутри dashboard.css ). Что я нахожу трудным, так это изменить боковую панель с верхней прямоугольной секцией для логотипа.

Ответ №1:

Вы могли бы добавить начало ul с помощью этих css

 top: 0;
position: absolute;
margin-bottom: 10px;
width: 100%;
background-color: aquamarine;

Второй ul должен иметь margin-top: 30px; .

Наконец, обновите .sidebar и добавьте top: 0; к нему.

Поместите свой текст внутри li, внутри ul, который вы только что создали.

http://jsfiddle.net/w4k50nbo

1. Сделано, но в левой нижней части аквамаринового прямоугольника все еще есть отступ. Добавлено это <ul> <ul style="top: 0; position: absolute; margin-bottom: 10px; width: 100%; background-color: aquamarine;">Export</ul> , margin-top: 30px ко второму <ul> и style="top: 0" к боковой панели <div>.

2. Вы должны добавить li внутри ul, а затем ваш текст внутри этого li. Не упоминал об этом, думал, что это очевидно, ответ отредактирован.

3. Лучше, но пока не похоже на ваше. Я бы рекомендовал вставить полную боковую панель <div> в ваш ответ с помощью inline или separate css , чтобы помочь другим пользователям SO.

4. @abenci удаление css со страницы не приведет к тому же результату, вот пример jsfiddle.net/w4k50nbo