正在格式化 bootstrap 卡 header

Question

我们正在重建我们的网站，其中一部分正在使用 bootstrap。我的问题与 bootstrap card-header css 选择器有关。

<div class="card-header">This is my header text</div>

我想格式化 header 这样我就可以让 header 文本左对齐（默认情况下）但能够添加 link或按钮等。 right-aligned 内 header.

<div class="card-header">This is my header text     <a href...>some link</a></div>

文本仍在 header 的左侧，但 url 位于 header 的最右侧。

我知道我可以用基本的 html 构建一些东西，但我希望有人已经找到了使用 bootstrap 功能来实现它的方法。

谢谢，

Answer 1

通过访问 CSS 样式 Sheet，您可以使用 Flex-box 定位它，并为 .card-header 选择器提供填充以不将 URL 定位在最右边

 .card-header{
   display : flex;
   justify-content : space-between;
   align-items : center;
   padding : 20px /*or padding-right : 20px*/
  }