如何使用引导卡中 fontawesome 中的图标移动
[英]How to move with icon from fontawesome in bootstrap card
问题描述
I am learning web development and i need advice.
我正在学习 web 开发，我需要建议。 I have bootstrap card and i want to align the minus-square icon from font awesome to right but nothing work.我有引导卡，我想将减号方形图标从很棒的字体对齐到右边，但没有任何效果。 Do you have some ideas?你有什么想法吗？ Thanks for everything.感谢一切。 I am also sending picture to good imagine.我也发送图片到好想象。
1 个解决方案
解决方案1
2 2020-05-16 16:22:23
if you are using bs4, you could use the float-right class.如果您使用的是 bs4，则可以使用float-right class。
Demo working snippet:演示工作片段：
<html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script> </head> <body> <div class="card"> <div class="card-body"> Basic card <i class="some-fa-icon float-right">♠</i> </div> </div> </body> </html>
Please note that instead of the icon I have used a html unicode character and mentioned some-fa-icon class which would be replaced by your actual font awesome classes.请注意，我使用的不是图标，而是 html unicode 字符，并提到some-fa-icon class ，它将被您的实际字体真棒类替换。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.