📜  Bootstrap 4 流体布局

📅  最后修改于: 2022-05-13 01:56:32.657000             🧑  作者: Mango

Bootstrap 4 流体布局

Bootstrap是一个免费的开源工具集,用于创建响应式网站和 Web 应用程序。这是用于开发响应式网站的最流行的 HTML、CSS 和 JavaScript 框架。它解决了我们曾经遇到的许多问题,其中之一是跨浏览器兼容性问题。

以下类用于流体布局。它在所有断点处设置 100% 的宽度。

句法:

.container-fluid, 

Bootstrap 流体布局:在 Bootstrap 中,您可以使用“.container-fluid”类来制作流体格式,以在所有小工具中使用 100% 的视口宽度。 “.container-fluid”类本质上应用了“width:100%”,而不是针对各种视口大小的各种宽度。无论如何,设计将是响应式的,您显然可以利用框架类。

示例:此示例将使用 Bootstrap 4 制作覆盖 100% 屏幕宽度的流体设计。

HTML



    
    
    Bootstrap 4 Fluid Layout
       
       
       
    
    


    
    
      
          

Get Hired With GeeksforGeeks and             Win Exciting Rewards!           

          

            Imagine a situation of visiting a game parlor or             adventure park, having ultimate fun there, and             coming back home without paying a single penny there             and in fact, receiving some exciting rewards or             cash benefits from them.           

               

            Register here                         

          
      
        
          

Basic Concepts For Data Science

           

            Data Scientist is one of the most lucrative             career options that offers immense             job satisfaction,insanely high salary, global             recognition, and amazing growth             opportunities.            

               

            Read More »           

            
        
          

Stock Market APIs For Developers

           

            Stock Market is all about the exchange of             stocks (also pronounced as Shares)             between various buyers and sellers.             Since stocks of variable prices are prone           

               

            Read More »           

            
        
          

Is Quick Sort Algorithm Adaptive or not

           

            Pre-Requisites: Quick Sort Algorithm Adaptiveness             in the Quick Sort Algorithm refers to the decision             that if we are given an array that is already             sorted           

               

            Read More »           

            
      
    


输出: