Html 在引导主题中添加右拉按钮_Html_Css_Bootstrap 4

Html 在引导主题中添加右拉按钮

html css bootstrap-4

Html 在引导主题中添加右拉按钮,html,css,bootstrap-4,Html,Css,Bootstrap 4,我一直在使用这个引导示例：独自创立 2011年以来 Yeffet 我已经修改了你的代码，请看一下。在我的浏览器上看起来不错，我使用了基于自定义CSS样式的浮点属性。请随便问任何问题如果代码解决了您的问题，请投票确认我们的努力多谢各位致以最良好的祝愿 <html> <style> .mb-0{ float:left; } .small{ color:red; float:right; margin-left:70%; margin-top:20px; } .

我一直在使用这个引导示例：


独自创立
2011年以来

Yeffet 我已经修改了你的代码，请看一下。在我的浏览器上看起来不错，我使用了基于自定义CSS样式的浮点属性。请随便问任何问题如果代码解决了您的问题，请投票确认我们的努力

多谢各位

致以最良好的祝愿

<html>
<style>
.mb-0{
float:left;
}
.small{
color:red;
float:right;
margin-left:70%;
margin-top:20px;
}
.clear{
clear:both;
}
</style>
  <div class="d-flex align-items-center p-3 my-3 text-white-50 bg-purple rounded box-shadow">
    <img class="mr-3" src="https://getbootstrap.com/docs/4.1/assets/brand/bootstrap-outline.svg" alt="" width="48" height="48">
    <div class="lh-100 row">
      <h6 class="mb-0 text-white lh-100 col-md-6">Bootstrap</h6>
      <small style="" class="small">Since 2011</small>
      <div class="clear"></div>
    </div>
  </div>
</html>


.mb-0{
浮动：左；
}
.小{
颜色：红色；
浮动：对；
左缘：70%；
边缘顶部：20px；
}
.清楚{
明确：两者皆有；
}
独自创立
2011年以来

多谢各位

致以最良好的祝愿

<html>
<style>
.mb-0{
float:left;
}
.small{
color:red;
float:right;
margin-left:70%;
margin-top:20px;
}
.clear{
clear:both;
}
</style>
  <div class="d-flex align-items-center p-3 my-3 text-white-50 bg-purple rounded box-shadow">
    <img class="mr-3" src="https://getbootstrap.com/docs/4.1/assets/brand/bootstrap-outline.svg" alt="" width="48" height="48">
    <div class="lh-100 row">
      <h6 class="mb-0 text-white lh-100 col-md-6">Bootstrap</h6>
      <small style="" class="small">Since 2011</small>
      <div class="clear"></div>
    </div>
  </div>
</html>


.mb-0{
浮动：左；
}
.小{
颜色：红色；
浮动：对；
左缘：70%；
边缘顶部：20px；
}
.清楚{
明确：两者皆有；
}
独自创立
2011年以来

当引导程序4中的

向右拉

被替换为

向右浮动

时，请尝试使用它。

当引导程序4中的

向右拉

被替换为

向右浮动

时，请尝试使用它。

将

小的

标记从

1h-100

div中移出并添加类

ml自动

 <small class="ml-auto text-white">Since 2011</small>

自2011年以来


独自创立
2011年以来

将

small

标记从

1h-100

div中移出，并向其添加class

ml auto

 <small class="ml-auto text-white">Since 2011</small>

自2011年以来


独自创立
2011年以来

您是否应用了一些自定义css？您是否应用了一些自定义css？是@D.Yeffet让我管理浮动权限的代码请给我2分钟wow@D.Yeffet魔法发生代码工作：）让我共享编辑的代码。请立即检查代码@D.Yeffet现在工作正常，检查并让我知道，如果正确，请投票。谢谢你Yes@D.Yeffet让我管理浮动权限的代码请给我2分钟Wow@D.Yeffet魔法发生代码工作：）让我分享编辑的代码。请现在检查代码@D.Yeffet它现在工作正常，检查并让我知道，如果正确，请投赞成票。非常感谢。