css - Bootstrap 4 Card,右侧有下拉菜单

标签 css twitter-bootstrap bootstrap-4

我正在使用 Bootstrap 4 并且我有一张卡:

<div class="card text-center">
  <div class="card-header">
    Featured
  </div>
  <div class="card-block">
    <h4 class="card-title">Special title treatment</h4>
    <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
    <a href="#" class="btn btn-primary">Go somewhere</a>
  </div>
</div>

我需要在带有下拉菜单的右侧标题上放置一个图标。

我该怎么做?我一直在谷歌上搜索样本,但一无所获。

最佳答案

您必须添加 icondropdown然后把它们包在里面 <div class="float-right">

查看 Bootply我创造了。

关于css - Bootstrap 4 Card,右侧有下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47571453/

相关文章:

html - CSS:让文本出现在我的 div 中的渐变之上

css - 如何按名称选择所有插槽?

javascript - 在Bootstrap3中,单击按钮使一个div显示而另一个div隐藏

python - Django 和 Bootstrap : Knowing Which Tab is Active

html - 如何从我的 Bootstrap 网格列中删除空白空间?

html - Bootstrap 表的 IE11 Flex 问题

html - firefox 和 chrome 中字体渲染的细微差别

css - 我如何将我创建的框中的所有内容居中?

css - 在文本区域旁边显示图像 Bootstrap 4

html - CSS 布局 : make fluid left column and fixed right column equal in height