Fatal编程技术网
  • django/
  • Django 控制引导中的映像大小

Django 控制引导中的映像大小

django bootstrap-4

Django 控制引导中的映像大小,django,bootstrap-4,Django,Bootstrap 4,我正在使用Django，我正在尝试使用bootstrap制作图像滑块，这是到目前为止我的代码 {% extends "blog/modelsbase.html"%} {% block content%} <body> <div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> <div class="carousel-inner">

我正在使用Django，我正在尝试使用bootstrap制作图像滑块，这是到目前为止我的代码

{% extends "blog/modelsbase.html"%}
{% block content%}
  <body>
    <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img class="d-block w-100" src= "/media/models/dd08-43fc-ae2b-c6bc75ade6f6.jpg" alt="First slide">
        </div>
          {% for image in images %}
          <div class="carousel-item">
            <img class="d-block w-100" src= "{{image}}" alt="Second slide">
          </div>
          {% endfor %}
      </div>
      <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
  </body>

{% endblock content%}
</html>
图像显示正确，我想将图像放在某种容器中，以使其最大大小为[800x800]（如果它们比它大，则减小大小，否则
通过
），我该怎么做

注意：现在我的代码是“移动友好”的，我想保留它


我从
中获得了滑块，您可以使用一种方法来执行，您可以执行以下操作


{% load thumbnail %}
{% thumbnail image "800x800" crop="center" as im %}
{{ im }}



{% load thumbnail %}
{% thumbnail image "800x800" crop="center" as im %}
{{ im }}