Css Bootstrap 4 float属性不适用于SVG元素

如何将svg设置为

float:right和<代码>浮动：左侧在下面的中？我使用的是
右浮动
和
左浮动
。但它对我的
元素不起作用。我正在使用创建两个条形图并将它们并排放置

多谢各位

<div class="container">
  <div class="row">
    <div class="col-6" id="barchart"></div>
    <div class="col-6 float-right" id="barchart2"></div>
  </div>
  <div class="row">
    <div class="col-8"></div>
    <div class="col-4"></div>
  </div>
</div>

我没有使用float，而是使用了类似于Paulie_D建议的东西

d-flex justify-content-end

您已经向父元素添加了
float right
类，该类已应用于整个
col-6

您需要创建一个子div并应用
右浮动
，并为条形图添加
id
s

<div class="container">
  <div class="row">

    <div class="col-6">
      <div class="float-left" id="barchart"></div>
    </div>

    <div class="col-6">
      <div class="float-right" id="barchart2"></div>
    </div>

  </div>
</div>


据我所知，Bootstrap 4不使用浮动。这是一个基于flexbox的库。我想您可能正在寻找
调整内容：在
之间留出空间。我正在遵循使用float的引导文档。谢谢你的反馈Paulie_D.我发现了以下内容，并且很有效。“d-flex内容结束”