HTML、CSS中的Span右键

我试图将我的按钮放在导航栏的右侧，但并没有改变

有用代码：

.money_right {
  float: right
}

<nav class="navbar navbar-expand-lg bg-blue fixed-top">
  <span style="color: white;"><b>GUEST</b></span>&nbsp;
     <span class="money_right">
        <button class="money_bronze"><b>0</b></button>&nbsp;
        <button class="money_silver"><b>0</b></button>&nbsp;
        <button class="money_gold"><b>0</b></button>&nbsp;
        <button class="gems"><b>0</b></button>&nbsp;
    </span>
</nav>

。钱是吗{
浮球：对
}
客人
0
0
0
0

我试图在上有一个工作演示，但是一些

CSS

没有在那里实现，因此这是我的

尝试添加属性dir=“rtl”

客人
0
0
0
0

您需要删除

。钱\u对吗{
浮球：对
}

从代码中删除，并从导航标签中删除

“导航栏扩展lg”

类

<nav class="navbar bg-blue fixed-top">
  <span style="color: white;"><b>GUEST</b></span>&nbsp;
     <span class="money_right">
        <button class="money_bronze"><b>0</b></button>&nbsp;
        <button class="money_silver"><b>0</b></button>&nbsp;
        <button class="money_gold"><b>0</b></button>&nbsp;
        <button class="gems"><b>0</b></button>&nbsp;
    </span>
</nav>

客人
0
0
0
0

---

你已经完成了。

这个答案是基于Bootstrap 4的-我之所以提到这个问题，是因为你问题中的代码是为Bootstrap 4格式化的，但是你链接的小提琴依赖于Bootstrap 3

客人
0
0
0
0

您使用的是bootstrap 4无需浮点运算，您只需更仔细地阅读文档即可理解您使用的类。移除

navbar扩展lg

和浮点数，它就会工作。演示有什么问题吗？@TemaniAfif谢谢你，它帮了我很多忙！你是认真的吗。。。首先，你没有包括他所有的代码，因为他正在使用引导，然后检查白色文本，在这里不可见。。。你被选上了…是的，非常可疑，你选错了答案。。。让我们标记一个主持人；）我没有他的全部代码，但他只是在右边指定的