jQuery追加元素后换行

Question

当我使用jquery的append方法追加＆＃34; Javascript＆＃34;的元素时和＆＃34; React＆＃34;，HTML格式如下：

<div class="my-3 text-center">
              <span class="badge badge-primary">HTML</span>
              <span class="badge badge-success">CSS</span>
              <span class="badge badge-secondary">Javascript</span>
              <span class="badge badge-info">React</span>
</div>

它导致bootstrap无法正常运行，我认为它引起的两个spans元素都在同一行，我该如何解决？换句话说，如何在追加新元素后断行？

是的，没有任何冲突，但是＆＃34; Javascript＆＃34;之间没有空格。和＆＃34; React＆＃34;，我使用jquery追加这两个元素，但它们在我想要的同一行是这样的：

@GET("api/v1/accounts/{account_type}")
Observable<ResponseAccountDetails> getAccountDetails(
                                         @Path("account_type") String accountType);