如何解决我应该在Bootstrap 4中使用什么代替浮点数
我知道您不需要使用float来使列水平排列,因为Bootstrap 4使用flexbox。但是,如果我想将图像浮动到右侧(例如)并使文本环绕图像怎么办?我看到BS 4具有可实现此目标的float类。但是有更好的方法吗?
解决方法
由于flexbox允许您无需使用float
就可以实现所有布局,因此我建议您这样做。
使用原始CSS flex框,您可以先设置div,然后指定
justify-content: flex-end
如果您的flex div的行方向占用一些空间。选择flex-end将使内容向上移动。
请参阅this guide以获得参考,并查看辩解内容
这似乎可以通过使用引导程序来实现
<div class="d-flex justify-content-end">...</div>
有关更多信息,请参见bootstrap docs
非常值得一开始阅读css-tricks文章,以了解使用flex box可以实现的所有功能。然后,借助引导文档,您将对幕后发生的事情有更深入的了解。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。