html - 在 HTML 中将类别移至最右侧，将文章移至左侧

Question

我有一个基本的博客网站，我想将类别移至最右侧并显示在彼此下方。然后在其余空间中，我希望显示我的文章。

<main>
  <div class="container body-content ">
    <div class="row">
      <!--"style=width: 100%;"-->

      <div class="col-md-8" th:each="article : ${articles}" style="float: left;"> <!--"style=width: 90%;"-->
        <header>
          <h2>
            <a th:href="@{/article/{id}(id=${article.id})}" th:text="${article.name}">
            </a>
          </h2>
        </header>
      </div>


      <div class="col-md-4" th:each="category : ${categories}" style="float: right;">
        <header>
          <h2>
            <a th:href="@{/category/{id}(id=${category.id})}" th:text="${category.name + ' (' + #sets.size(category.articles) + ')'}">
            </a>
          </h2>
        </header>
      </div>
    </div>
  </div>
</main>

它不起作用。它在页面中间的 2 行 3 列中显示了我所有的六个类别。

我有这个:https://imgur.com/5Q1yuLH

我想要这个:https://imgur.com/Au5NbH4我错过了什么？

Answer 1

我通过更改几个

关于html - 在 HTML 中将类别移至最右侧，将文章移至左侧，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47430427/