如何根据里面的数据自动调整引导列的宽度

Question

嗨我的行类中有3个div。

<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，这样，所有的内容里面漂浮的权利，并根据内容自动调整它的宽度是多少？现在宽度是固定的，所以即使我的3rd div中的数据非常少，它仍然会消耗大量的空间。任何想法的家伙？位新手到CSS

Answer 1

您可以使用float：正确的前进正确的内容并尝试使用显示：表

看一看这里：https://v4-alpha.getbootstrap.com/layout/grid/

Answer 2

解决方案：

如果你的内容占用的空间小于引导列的宽度。你最好把它放在没有引导列的类中，并简单地将它放在你的简单div内的内容上：float：left。

它会根据您的内容自动调整大小。你可能需要给显示：内联给你的div来显示该内联div。

参考：

首先，你需要学习的引导电网系统的行为。这个官方Bootstrap文档全是关于引导程序（最新版本）的网格系统。

https://getbootstrap.com/docs/4.0/layout/grid/

这将帮助你了解自举行和列内内容管理。