如何在Bootstrap中固定一列和可滚动的其他列？

Bootstrap为用户提供了几种内置功能。这使开发更快，更流畅。但是，在某些情况下，必须为网页的编码实现外部CSS和jQuery ，以使其具有个性化的风格。通常，Bootstrap网格用于将网页分为12个相等的列。这些列可以组合在一起以创建更宽的列。这些列本质上是响应式的。这意味着这些列将覆盖大屏幕上的整个屏幕，但将在小屏幕设备上彼此堆叠。
当网页分为两个相等的列，并且列中的内容开始溢出时，这些列将变为可滚动的。但是，通过进行一些小的修改，可以固定列。本文将演示如何保持一列固定，而另一列可滚动。

句法：

• 要固定列，请使其不可滚动。

• 使列可滚动。

下面的示例说明了上述方法：

示例：您可以通过单击运行按钮来运行代码，这样您可以看到右列是可滚动的，而左列则不是。

    
        
        
        
        
        
        
        
        
  
        
            .one{
                background-color:lightgreen;
            }
            .two{
                background-color:green;
            }
            .container-fluid{
                font-size:120%;
            }
        
    
    
        
            
                
                    Fixed
                    It is a good platform to learn programming. It is an 
                    educational website. Prepare for the Recruitment drive 
                    of product based companies like Microsoft, Amazon, 
                    Adobe etc with a free online placement preparation 
                    course. The course focuses on various MCQ's & Coding 
                    question likely to be asked in the interviews & make 
                    your upcoming placement season efficient and successful.
                    Also, any geeks can help other geeks by writing articles 
                    on the GeeksforGeeks, publishing articles follow few 
                    steps that are Articles that need little modification/ 
                    improvement from reviewers are published first. To 
                    quickly get your articles reviewed, please refer 
                    existing articles, their formatting style, coding 
                    style, and try to make you are close to them.
                    Adobe etc with a free online placement preparation 
                    course. The course focuses on various MCQ's & Coding 
                    question likely to be asked in the interviews & make 
                    your upcoming placement season efficient and successful.
                    Also, any geeks can help other geeks by writing articles 
                    on the GeeksforGeeks, publishing articles follow few 
                    steps that are Articles that need little modification/ 
                    improvement from reviewers are published first. To 
              
              
                    Scrollable
                    It is a good platform to learn programming. It is an 
                    educational website. Prepare for the Recruitment drive 
                    of product based companies like Microsoft, Amazon, 
                    Adobe etc with a free online placement preparation 
                    course. The course focuses on various MCQ's & Coding 
                    question likely to be asked in the interviews & make 
                    your upcoming placement season efficient and successful.
                    Also, any geeks can help other geeks by writing articles 
                    on the GeeksforGeeks, publishing articles follow few 
                    steps that are Articles that need little modification/ 
                    improvement from reviewers are published first. To 
                    quickly get your articles reviewed, please refer 
                    existing articles, their formatting style, coding 
                    style, and try to make you are close to them.
                    Adobe etc with a free online placement preparation 
                    course. The course focuses on various MCQ's & Coding 
                    question likely to be asked in the interviews & make 
                    your upcoming placement season efficient and successful.
                    Also, any geeks can help other geeks by writing articles 
                    on the GeeksforGeeks, publishing articles follow few 
                    steps that are Articles that need little modification/ 
                    improvement from reviewers are published first. To 
            
        
    
                    

输出：