布尔玛窄柱

Bulma 是一个基于 flexbox 的免费开源 CSS 框架。它带有预先设置样式的组件，可以更轻松地开发美观且响应迅速的网站，因为我们不必从头开始设置所有样式。在本文中，我们将看到布尔玛的窄柱。

因此，如果您希望一列只占用它需要的空间，您可以在该列上附加is-narrow修饰符。其他列将自行调整并填满剩余空间。

Bulma 窄柱类：

• is-narrow：这个类用于使列元素只占用它需要的空间。

句法：

...

示例：下面的示例显示了在列上使用is-narrow修饰符。

HTML

  

    
    
  
    

  

    
GeeksforGeeks
    Bulma Narrow Columns
    

        

            

                

                    Column with is-narrow modifier.
                    It will take the width it needs
                
            
            

                

                    Normal Column.
                    It will adjust itself to fill the row
                
            
        
  
        

            

                

                    Normal Column.
                    It will adjust itself to fill the row
                
            
            

                

                    Column with is-narrow modifier.
                    It will take the width it needs
                
            
        
    

  

输出：

布尔玛窄柱

参考： https://bulma.io/documentation/columns/sizes/#narrow-column