Отображать текст в одной строке в шаблонах Django

Question

Я только начал с Django. Я рендеринг текста, поступающего из базы данных. Даже если он находится в теге <li>, текст отображается в новой строке. Я также попытался дать класс col-md-2, но безрезультатно. Заранее спасибо.

<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="skills">
<div class="w-100">
  <h2 class="mb-3">Skills</h2>
    {% for  skill in skills.all %}
  <ul class="list-inline dev-icons">
    <li class="list-inline-item">
       <h5> &emsp;{{skill}} </h5>
    </li>
</ul>
  {%endfor%}
</div>

views.py

skills = Skills.objects
return render(request,'home.html',{'jobs':jobs,'projects':projects, 'skills':skills})

Answer 1

Вы используете ваш для l oop неправильный путь. Используйте это вместо:

<ul class="list-inline dev-icons">
  {% for  skill in skills.all %}
    <li class="list-inline-item">
      <h5> {{skill}} </h5>
    </li>
  {% endfor %}
</ul>

Кроме того, почему бы не получить вместо этого навыки, которые вы видите?

skills = Skills.objects.all
return render(request,'home.html',{'jobs':jobs,'projects':projects, 'skills':skills})

Затем вы можете использовать {% for skill in skills %}.

Answer 2

Ваш for l oop создает новый ul на каждом шаге, поэтому поместите его в тег ul:

  <ul class="list-inline dev-icons">
    {% for  skill in skills.all %}
        <li class="list-inline-item">