Михаил Базаров- создание сайтов на битрикс

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

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

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

Oleh

У вас нет прав на просмотр профайла этого пользователя.
Oleh -> Всем
5 июля 2018 15:51
Как такой блок реализовать с адаптивностью bootstrap?
Snimok-ekrana-2018_07_05-v-15.38.53.png
Они получаются у меня один под одним.
Snimok-ekrana-2018_07_05-v-15.50.10.png

sass
sass.png
.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
html.png
<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>

Теги:
Это нравится:0Да/0Нет КомментироватьЕщё5
Михаил Базаров
Михаил Базаров5 июля 2018 20:15
Прям даже тяжело сказать. Взять и сверстать, если не получается: сначала попробуйте сверстать адаптивно, без bootstrap
В общем, чисто подтяните знания верстки- там ни чего сложного нет
0 Ещё
Михаил Базаров- создание сайтов на битрикс

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

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