Как отобразить сообщение в двух столбцах в одной строке, используя bootstrap 4.0 с бэкэндом django - PullRequest
Новая
       4

Как отобразить сообщение в двух столбцах в одной строке, используя bootstrap 4.0 с бэкэндом django

0 голосов
/ 02 апреля 2020

Два получают два столбца в одной строке, используя Bootstrap 4.0. Мы можем добиться этого, используя следующий код. 

<div class="container">
  <div class="row">
    <div class="col">Column</div>
    <div class="col">Column</div>
    <div class="w-100"></div>
    <div class="col">Column</div>
    <div class="col">Column</div>
  </div>
</div>

Как применить то же самое в следующем коде, когда данные повторяются использование для l oop?

Вот мой html файл. 

<div class="container">
  <div class="row">

              <div class="col-md-8 mt-3 left">
              {% for post in medicine_list %}
              <div class="col">
              <div class="card mb-4">
                <div class="card-body">
                  <h6 class="card-title"><a href="{% url 'medicine_detail' post.slug  %}"> {{ post.title }}</a></h6>
                </div>

              </div>
              </div>
              {% endfor %}

            </div>
                {% block sidebar %}
                {% include 'sidebar.html' %}
                {% endblock sidebar %}
            </div>
        </div>

Я запутался из-за тега l oop и <div class="w-100"></div>. Любая помощь будет действительно заметной. Благодаря.

...