Javascript 如何根据内部数据自动调整引导列宽度的大小

嗨，我有三个分区在我的排类

<div class="row">
    <div class="col-3">some content</div>
    <div class="col-9">
      <div class="col-4">
        <div class="col-12">
          <div class="col-6">conetnt</div>
          <div class="col-6">conetnt</div>
        </div>
      </div>
      <div class="col-8"> content </div>
    </div>
</div>

一些内容
康涅特
康涅特
内容

---

如何修改此

HTML

，以便内部的所有内容都向右浮动，并根据内容自动调整其宽度？现在宽度是固定的，所以即使我的第三个div中的数据很少，它仍然会占用大量的空间。有什么想法吗，伙计们？CSS新手可以使用float:right移动右边的内容，并尝试使用display:table

---

看看这里：

解决方案：

如果您的内容占用的空间小于引导列的宽度。您最好将它放在没有引导列类的情况下，并将它简单地float:left放在简单div中的内容中

它将根据您的内容自动调整大小。您可能需要为您的div指定display:inline，以内联显示该div

更新： 您可以使用flexboxdisplay:flex到容器，可以根据需要使用flex direction属性

参考资料：

首先，您需要研究引导网格系统的行为。本官方引导文档是关于引导（最新版本）的网格系统

---

它将帮助您了解引导行和列中的内容管理。

我想将我的全部内容浮动到第二个分区中的右侧，并保持第三个分区的左侧。如果您想要更少的空间，为什么不使用col-md-1？如果您想要它的宽度与内容的宽度相同，请使用一个分区，而不是任何分区引导类并将

float:left

应用到父分区由于类错误，您的代码无法工作。您缺少引导列类（例如col-md-1）的视口前缀：引导网格类用作

col-md-12

而不是

col-12

您使用了错误的类。他没有使用正确的类，甚至没有具体说明……他需要阅读引导的文档