Bootstrap 中的列排序是什么？

Bootstrap 中的列排序类有助于根据不同的屏幕尺寸更改网格系统的顺序，例如：台式机、手机、平板电脑、智能手表。这使网站对不同的屏幕尺寸更具响应性。

例如，假设我们有 4 列（V、X、Y 和 Z）。我们希望外观是

• 在大屏幕上：

  V  X                          
    Y  Z            

• 在小屏幕上（移动）：

  Y  Z     
      V  X

我们可以很容易地推拉列类更改内置的网格列的顺序。

Push 和 Pull 类： push 类会将列向右移动，而 pull 类将向左移动列。

句法：

.col-md-pull-# 

或者

.col-md-push-# 

注： #是1到12之间的数字（bootstrap的网格系统）

列重新排序：首先创建您的内容移动设备（为移动屏幕编写的代码），因为在更大的设备上更容易推拉列。因此，您应该首先关注您的移动订购，然后关注平板电脑或台式机等更大的屏幕。

实施的分步指南：

• 第 1 步：在所有其他样式表之前将Bootstrap CDN 包含到 标签中以加载我们的 CSS。

• 第 2 步：在带有 class 行的 HTML 正文中添加

  标记。

• 第 3 步：在 标签中为不同的列添加

  标签，其中包含 .push 、.pull 类等。

示例 1：

输出：

示例 2：

HTML

  
    
  
  
    

      

        

          
1
        
  
        

          
3
        
  
        

          
        
      
    
  

输出：

结论：通过使用这些程序，我们可以使我们的网站响应不同的屏幕尺寸并编写移动内容。