HTML에서 내용을 가로로 정렬하려면 어떻게 하나요?(Django에 부트스트랩을 적용해서 사용하고 있습니다.)


부트스트랩과 장고 템플릿 질문 입니다.

장고 base.html을 만들고

다음과 같이 html문서를 하나 만들었습니다.

{% extends 'actress/base.html' %}


{% block content %}
  {% for entry in actress %}
    <p>테스트</p>
  {% endfor %}

  {% load bootstrap_pagination %}
  {% bootstrap_paginate actress range=10 show_prev_next="false" show_first_last="true" %}
{% endblock %}

그런데 브라우저상에서는 이렇게 보입니다.

이미지

테스트라는 text가 옆으로 정렬되게 하려는데 세로로 정렬이 되네요. 어떻게 해결해야 할까요?

  • 2016년 08월 04일에 수정됨
    루비와 파이썬을 좋아합니다. 새로운 언어를 배우는것도 좋아해요. 모바일 게임도 조금 만들어 봤습니다.
  • 2016년 08월 04일에 작성됨

조회수 149


1 답변


좋아요
0
싫어요
채택취소하기

올려주신 내용은 장고/부트스트랩보다는, html과 관련된 내용입니다.

{% for entry in actress %}
    <p>테스트</p>
  {% endfor %}

이렇게 하고 나면 아래와 같은 html이 생성되기 때문에 세로로 표시되는게 맞습니다.

<p>테스트</p>
<p>테스트</p>
<p>테스트</p>
<p>테스트</p>
<p>테스트</p>

아래와 같이 테이블을 이용해 보세요.

<table border = 0>
<tr>
{% for entry in actress %}
    <td>테스트</td>
{% endfor %}
</tr>
</table>

  • 2016년 08월 04일에 작성됨
    루비와 파이썬을 좋아합니다. 새로운 언어를 배우는것도 좋아해요. 모바일 게임도 조금 만들어 봤습니다.

로그인이 필요한 기능입니다.

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 작성한 답변에 다른 개발자들이 댓글을 작성하거나 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.
► 로그인
► 계정만들기
Close