Как такой блок реализовать с адаптивностью bootstrap? Они получаются у меня один под одним. ...

Данное сообщество не является официальным и не преследует ни каких целей. Владелец сайта оставляет за собой право удалять сообщения по своему усмотрению. Рекламные темы и сообщения только с согласия администратора.

Вход Регистрация

Быстрый вход / регистрация, через социальную сеть

Регистрируясь на сайте, Вы безоговорочно принимаете условия политики конфеденциальности и обработки персональных данных

Oleh

У вас нет прав на просмотр профайла этого пользователя.

Oleh -> Всем

5 июля 15:51

Как такой блок реализовать с адаптивностью bootstrap?

Они получаются у меня один под одним.

sass

.contacts
float: right
a
color: $text
font-weight: bold
&:hover
text-decoration: underline
i
float: left
margin-right: 10px
width: 38px
height: 33px
background-color: #41bf00
background-repeat: no-repeat
background-position: center
&-phone
i
background-image: url("../img/icon_phone.svg")
&-mail
i
background-image: url("../img/icon_mail.svg")

html

<div class="col-md-6">
<div class="contacts">
<div class="contacts-phone">
<i></i>
<a href="#">+38 (048) -13</a>
<a href="#">+38 (048) -13</a>
</div>
<div class="contacts-mail">
<i></i>
<a href="#">salil.com</a>
</div>
</div>
</div>

Теги:

bootstrap, css, html

Это нравится:0 Да/0 Нет КомментироватьЕщё5

Михаил Базаров

Михаил Базаров 5 июля 20:15

Прям даже тяжело сказать. Взять и сверстать, если не получается: сначала попробуйте сверстать адаптивно, без bootstrap
В общем, чисто подтяните знания верстки- там ни чего сложного нет

0 Ещё

© 2011—2018 Частный вебмастер: ИП Базаров, ОГРНИП: 315784700173692.
Работает на 1С-Битрикс. Сайт может содержать материалы 18+ Политика конфеденциальности Информация размещенная на сайте, не является публичной офертой

Дизайн, верстка, сборка и запуск сайта: Михаил Базаров

Как такой блок реализовать с адаптивностью bootstrap? Они получаются у меня один под одним. ...

Oleh

Войти на сайт