Всем привет. Начал изучать вёрстку, как-то сложно переключить сознание с разработки .exe приложений, ну либо я такой)
Прошу помощи: 1. Сделал 2 глобальных дива (вертикальное меню и контент) 2. В меню сделал большие иконки, по нажатию на которые выезжает текст из иконки направо. Вот пример: http://nisnom.com/veb-razrabotki/vertical-css-menus/ 3. Естественно хочу это сделать самостоятельно для понимания разметки, css, событий и прочего.
Не могу понять концепцию этого выезжающего меню. Мне нужно добавить ещё один
<div class="col-1> в который выводить текст?
<div class=".container-fluid">
<div class="row">
<div class="col-1">
<div class="sidebar">
<img src="img/Logo.png" width="100%">
<a class="nav-link" href="#"><i class="fa fa-fw fa-home"></i></a>
<div class="menu_item_1">Главная</div>
<a class="nav-link" href="#"><i class="fa fa-fw fa-wrench"></i></a>
<a class="nav-link" href="#"><i class="fa fa-fw fa-user"></i></a>
<a class="nav-link" href="#"><i class="fa fa-fw fa-envelope"></i></a>
</div>
</div>
<div class="col-11">
<div class="MainContent">
Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.
</div>
</div>
</div>
</div>
Большое спасибо за помощь