当前位置: 首页 > 知识库问答 >
问题:

将文本与引导程序4[重复]右对齐

南宫天逸
2023-03-14

我目前使用的是bootstrap 4。我试图将文本对齐到我的卡头上,我尝试使用ml-auto,但它不起作用。解决办法是什么?

这是我的卡头代码

<div class="card-header bg-info text-white">
  <a href="#" class="text-white"><i class="fa-th"></i> Media Library</a>
  <a href="#" class="text-white ml-auto">Add Media</a>
</div>

共有1个答案

司徒志强
2023-03-14

为了使ml-auto类工作,只需将d-flex类(显示:flex)添加到父元素中,如下所示:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<div class="card-header bg-info text-white d-flex">
    <a href="#" class="text-white"><i class="fa-th"></i> Media Library</a>
    <a href="#" class="text-white ml-auto">Add Media</a>
</div>
 类似资料: