Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

Вопрос? Как вывести посты в 2 колонки в bootstrap?

Тема в разделе "Вопросы- ответы", создана пользователем valera22, 25 янв 2020.

25.01.20 в 20:10
25.01.20 в 21:26
3
430
0
  1. TopicStarter Overlay
    valera22

    valera22 Новичок

    Регистрация:
    6 ноя 2015
    Сообщения:
    44
    Лучших ответов:
    0
    Рейтинги:
    +8 / 2 / -0
    Нужно, что бы посты выводились в 2 колонки как на примере Тут

    пытался сам, но что то не получается

    Код:
    <div class="col-md-6">
       <div class="card mb-4 w-100 ded shadow">
          <div class="card-header" style="padding: 0.8rem 1rem;">
             <ul class="list-inline m-0">
                <li class="list-inline-item auth f90">
                    <div class="container">
                        
                        
            <div class="col-lg-9 col-md-12 col-sm-12 my-4">
                <a href="{full-link}">
                  
                    <img src="{image-1}" alt="{title}" class="img-thumbnail">
                  
                </a>
            </div>
            <div class="col-md-8">
                [fixed]
                <h4 class="h5 gss"><a href="{full-link}" class="text-dark" style="    color: #f69f00 !important;"><i class="icon-energy mr-2 ffx"></i>{title}</a></h4>
                [/fixed]
                [not-fixed]
                <h4 class="h5 gss"><a href="{full-link}" class="text-dark">{title}</a></h4>
                [/not-fixed]
                <div class="noimg" style="color: #868588;line-height: 1.4;    font-size: 94%;">{short-story limit="80"}</div>
                
            </div>
              
        </div>
      </div>
      <div class="card-footer">
        <ul class="list-inline m-0 text-muted f90 isize">
            <li class="list-inline-item auth"> <i class="fa fa-user-o" aria-hidden="true"></i> <a href="/user/{login}">{login}</a></li>
            <li class="list-inline-item"><i class="icon-clock" aria-hidden="true"></i> {date}</li>
            <li class="list-inline-item float-right">
            <span style="font-weight: bold;" >[xfvalue_money] <span class="fa fa-rub"></span></span>
            </li>
        </ul>
      </div>
    </div>
    </div>
     
  2. Forian

    Forian Местный

    Регистрация:
    24 окт 2019
    Сообщения:
    1.374
    Лучших ответов:
    3
    Рейтинги:
    +316 / 45 / -0
    таблицы юзай
     
  3. TopicStarter Overlay
    valera22

    valera22 Новичок

    Регистрация:
    6 ноя 2015
    Сообщения:
    44
    Лучших ответов:
    0
    Рейтинги:
    +8 / 2 / -0
    а подробно
     
  4. sitagofa

    sitagofa Бывалый

    Регистрация:
    21 авг 2019
    Сообщения:
    787
    Лучших ответов:
    5
    Рейтинги:
    +211 / 46 / -0
Яндекс.Метрика