css - 右侧基础按钮

标签 css button zurb-foundation

我想把按钮放在右边。使用代码,按钮不再位于字段集“callout”中

< button type="button" class="success button">Save</ button>

enter image description here

< button type="button" class="success button float-right">Save</ button>

enter image description here

最佳答案

你需要类 clearfix 在按钮周围或其当前父元素的包装器上。

参见 https://foundation.zurb.com/sites/docs/float-classes.html

您可以在 https://codepen.io/DanielRuf/pen/QzmgJR 看到差异

关于css - 右侧基础按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54044386/

相关文章:

jquery - 如何使用jquery禁用数据表按钮

javascript - 更改 JavaScript 警报按钮

css - Rails 5 Foundation 6 不加载 css

Python Selenium - 自动填写表单 - 单击不是提交按钮的按钮并从列表中填写表单

html - 将 &lt;!DOCTYPE> 更改为 &lt;!DOCTYPE html> 会导致我的包装器无法扩展

css - 页脚有问题

javascript - asp.net mvc : Images, Css 文件和 javascript 文件没有被缓存

css - 可以在 BigCartel 中使用基金会吗?

javascript - 在框架之外使用 Zurb Foundation 工具提示

html - 页面覆盖 div 未显示在移动混合应用程序上