Html Bootstrap4对齐列

Html Bootstrap4对齐列,html,jquery,css,bootstrap-4,Html,Jquery,Css,Bootstrap 4,我的目标是有一个包含一些行的页面。每行有一个标签列、一个控制列和一个可选的度量单位列。我想有标签列是相同的每一行适合较大的标签。 我使用Bootstrap4来简化我的html知识。我已经做了一些实验,也许我使用row&col类走错了路 我可以让对齐的列这样做,但当我调整浏览器窗口的大小时,所有的列都会变小,即使右边有很多空白 标签 闵 长标签 主要的,重要的 对这样的布局使用jquery将是不正确的用法。除非有非常独特的用例,否则总是使用CSS进行布局 这是CSS flexbox的完美用例。

我的目标是有一个包含一些行的页面。每行有一个标签列、一个控制列和一个可选的度量单位列。我想有标签列是相同的每一行适合较大的标签。 我使用Bootstrap4来简化我的html知识。我已经做了一些实验,也许我使用row&col类走错了路

  • 我可以让对齐的列这样做,但当我调整浏览器窗口的大小时,所有的列都会变小,即使右边有很多空白
    
    标签
    闵
    长标签
    主要的,重要的
    
    对这样的布局使用jquery将是不正确的用法。除非有非常独特的用例,否则总是使用CSS进行布局

    这是CSS flexbox的完美用例。Bootstrap很好,但是学习CSS flexbox会让你对布局有更多的控制

    制作一个柔性行,然后在标签上使用柔性:1和最大宽度


    对这样的布局使用jquery将是不正确的用法。除非有非常独特的用例,否则总是使用CSS进行布局

    这是CSS flexbox的完美用例。Bootstrap很好,但是学习CSS flexbox会让你对布局有更多的控制

    制作一个柔性行,然后在标签上使用柔性:1和最大宽度


    我们有很多东西要学,你的建议是一个很好的起点。我是否可以像“col-auto”一样自动调整标签列的大小是的,我已经调整了代码。标签使用自动标签。如果要将宽度强制为最大标签,也可以将“最小宽度”添加到该标签中。我把它注释掉了。有很多东西要学,你的建议是一个很好的起点。我是否可以像“col-auto”一样自动调整标签列的大小是的,我已经调整了代码。标签使用自动标签。如果要将宽度强制为最大标签,也可以将“最小宽度”添加到该标签中。我把它注释掉了。