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

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

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

Oleh

У вас нет прав на просмотр профайла этого пользователя.
Oleh -> Всем
5 июля 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>

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