Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
行视图中的Django图像_Django_Twitter Bootstrap_Bootstrap 4 - Fatal编程技术网

行视图中的Django图像

行视图中的Django图像,django,twitter-bootstrap,bootstrap-4,Django,Twitter Bootstrap,Bootstrap 4,我已经在Django创建了一个模型,我可以在管理站点上传图片,稍后它将显示在主页上 *.html文件 <!-- templates/home.html --> <h1>Django Image Uploading</h1> <ul> {% for post in object_list %} <h2>{{ post.title }}</h2> <img src="{{ post.cover

我已经在Django创建了一个模型,我可以在管理站点上传图片,稍后它将显示在主页上

*.html文件

<!-- templates/home.html -->
<h1>Django Image Uploading</h1>
<ul>
  {% for post in object_list %}
    <h2>{{ post.title }}</h2>
    <img src="{{ post.cover.url}}" alt="{{ post.title }}">
  {% endfor %}
</ul>

Django图像上传
    {%用于对象中的post_列表%} {{post.title}} {%endfor%}

如何在行视图中显示所有图片?而不是列?(图像库是我想创建的页面)

正如您提到的bootstrap-4是其中一个标签,下面是使用bootstrap的方法

<div class="container">
  <div class="row"> <!-- all the divs placed inside this div will be placed in a row instead of column -->
    <div class="col-sm">
      One of three columns
    </div>
    <div class="col-sm">
      One of three columns
    </div>
    <div class="col-sm">
      One of three columns
    </div>
  </div>
</div>

三列之一
三列之一
三列之一
类为
行的
div
中的所有
div
将水平放置在一行中


更多信息请点击这里

不要忘记在项目中通过下载或获取CDN来获取引导