如何将我的按钮对齐到卡片页脚(引导程序)的中心

S吾

美好的一天开发!我想在卡片下方贴上一个标记为“添加到购物车”的按钮,但该按钮的位置在左侧,我想将其放置在中间,但我不太了解如何自定义它,我的设计的bootstrap 4。感谢您的帮助!

             <div class="card">
                <img class="card-img-top" src="..." alt="Card image cap">
                    <div class="card-body">
                         <h5 class="card-title">Card title</h5>
                         <p class="card-text">Title Information Here.</p>
                    </div>
    
                 <div class="card-footer">
                    <button type="button" class="btn btn-secondary">Secondary</button>
                </div>
            </div>
马克西·奎

要尊重已经放置的引导程序,只需d-flex在卡页脚上添加,然后mx-auto在按钮上添加类

<div class="card">
   <img class="card-img-top" src="..." alt="Card image cap">
   <div class="card-body">
      <h5 class="card-title">Card title</h5>
      <p class="card-text">Title Information Here.</p>
   </div>
   <div class="card-footer d-flex">
     <button type="button" class="btn btn-secondary mx-auto">Secondary</button>
   </div>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将我的JTextField对齐到中心

来自分类Dev

如何将引导程序中的列对齐到中心?

来自分类Dev

如何将我的按钮对齐在相同的高度?

来自分类Dev

引导程序如何将按钮和链接并排对齐

来自分类Dev

引导程序如何将按钮和链接并排对齐

来自分类Dev

如何将按钮与引导程序中的图例对齐?

来自分类Dev

需要帮助将我的td元素对齐到中心

来自分类Dev

如何对齐卡片桌面中心

来自分类Dev

如何将我的图像与文本对齐?

来自分类Dev

在 Bootstrap 中,如何将我的按钮与上面的元素左对齐?

来自分类Dev

如何将我的 svg 图像定位到浏览器的中心

来自分类Dev

如何将您的按钮对齐到右侧而不是引导区中?

来自分类Dev

如何使用引导程序在页面中心对齐表格

来自分类Dev

如何使用引导程序对齐此徽标中心?

来自分类Dev

引导程序导航栏位于页脚中心

来自分类Dev

如何将两个col对齐到右边?引导程序3网格

来自分类Dev

如何将图像对齐到嵌套div的底部(在引导程序中)?

来自分类Dev

我如何将按钮移到中心

来自分类Dev

如何将我的桌子的td与th对齐?

来自分类Dev

引导程序中的中心按钮

来自分类Dev

如何将ul列表对齐为中心的按钮

来自分类Dev

如何将我正在交叉编译的程序的ubuntu上的GLEW交叉编译到Windows?

来自分类Dev

如何将我的iOS应用程序中的内容共享到BBM?

来自分类Dev

如何将我的RESTful应用程序部署到Apache服务器?

来自分类Dev

如何将我的网站编织到phonegap应用程序中

来自分类Dev

如何将我的应用程序绑定到端口 161?

来自分类Dev

如何将我的 Ionic 4 应用程序升级到最新的 Ionic 版本?

来自分类Dev

对齐按钮-引导程序3

来自分类Dev

CSS:如何将文本对齐到图像的中心(左侧)

Related 相关文章

  1. 1

    如何将我的JTextField对齐到中心

  2. 2

    如何将引导程序中的列对齐到中心?

  3. 3

    如何将我的按钮对齐在相同的高度?

  4. 4

    引导程序如何将按钮和链接并排对齐

  5. 5

    引导程序如何将按钮和链接并排对齐

  6. 6

    如何将按钮与引导程序中的图例对齐?

  7. 7

    需要帮助将我的td元素对齐到中心

  8. 8

    如何对齐卡片桌面中心

  9. 9

    如何将我的图像与文本对齐?

  10. 10

    在 Bootstrap 中,如何将我的按钮与上面的元素左对齐?

  11. 11

    如何将我的 svg 图像定位到浏览器的中心

  12. 12

    如何将您的按钮对齐到右侧而不是引导区中?

  13. 13

    如何使用引导程序在页面中心对齐表格

  14. 14

    如何使用引导程序对齐此徽标中心?

  15. 15

    引导程序导航栏位于页脚中心

  16. 16

    如何将两个col对齐到右边?引导程序3网格

  17. 17

    如何将图像对齐到嵌套div的底部(在引导程序中)?

  18. 18

    我如何将按钮移到中心

  19. 19

    如何将我的桌子的td与th对齐?

  20. 20

    引导程序中的中心按钮

  21. 21

    如何将ul列表对齐为中心的按钮

  22. 22

    如何将我正在交叉编译的程序的ubuntu上的GLEW交叉编译到Windows?

  23. 23

    如何将我的iOS应用程序中的内容共享到BBM?

  24. 24

    如何将我的RESTful应用程序部署到Apache服务器?

  25. 25

    如何将我的网站编织到phonegap应用程序中

  26. 26

    如何将我的应用程序绑定到端口 161?

  27. 27

    如何将我的 Ionic 4 应用程序升级到最新的 Ionic 版本?

  28. 28

    对齐按钮-引导程序3

  29. 29

    CSS:如何将文本对齐到图像的中心(左侧)

热门标签

归档