使用AJAX加载页面时，为什么我的URL之间没有空格？

Question

我对带有Bootstrap的btn类的四个a元素具有以下代码。

<a href="{% url 'qna:answer-create-view' object.pk %}" class="btn btn-primary btn-xs">Answer</a>
<a href="#" class="btn btn-default btn-xs"><i class="fa fa-thumbs-o-up"></i> | 0</a>
<a href="#" class="btn btn-default btn-xs"><i class="fa fa-thumbs-o-down"></i> | 0</a>
<a href="#" class="btn btn-default btn-xs">Follow</a>

通常，当我将它们作为HTML页面加载时，它们之间有一些空间。 但是，我在JS文件中实现了load()函数，现在正在加载包含这些元素的页面的一部分，以便花费更少的时间加载新页面。 但是在这种方法中，这些元素之间没有空格，并且在美学上看起来不愉快。 我该如何解决？

Answer 1

只需使用CSS为他们增加利润

.btn{
   margin: 0 5px;
   display: inline-block;
}