<blockquote>尺寸

Question

{%  for post in post_list %}
        <div class="row"> 
               <div class="col-md-4 col-md-offset-4">  
                   <div class="homepost">
                        <blockquote>                                                   
                            <a class="h3" href="{%  url 'posts:detail' post.id %}">{{ post.title }}</a>
                            <footer>By {{ post.user }}</footer>
                        </blockquote>
                        <p>{{ post.content|lower|truncatechars:"15" }}</p>
                        <ul class="list-group">
                            <li class="list-group-item-text">{{ post.likes }} people like this</li>
                            <li class="list-group-item-text">{{ post.comments.count }} Comments </li>
                        </ul>
                    </div>
                </div>
        </div>
{% endfor%}

这是我的代码，问题是我的区块大小与我的实际文章大小不同。

像这样，

​

​

问题是，在每个帖子块的左上角有一个空白，这是在我使用区块引号之后出现的。就像在第一篇文章里，

测试后的勒维特

左边有一个白色的长方形，为什么会发生这种事情？

它的解决办法是什么？

Answer 1

向左平齐的浅灰框是引导样式<blockquote>的方式。

见文档。

如果你不喜欢那种风格，你有两个选择：

1. 用您自己的CSS覆盖本机引导样式。
2. 不要使用blockquote标记

对我来说，您并没有真正使用块引号，因为它是语义意欲。

块引用元素表示从另一个源引用的部分。

也许是这样的：

<div>                                                   
        <h3><a class="h3" href="{%  url 'posts:detail' post.id %}">{{ post.title }}</a></h3>
        <p>By {{ post.user }}</footer></p>
</div>