📜  Semantic-UI 响应式网格可堆叠

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

Semantic-UI 响应式网格可堆叠

Semantic UI 是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更令人惊叹。它使用一个类将 CSS 添加到元素中。

Semantic-UI Grid 布局用于协调负空间布局。网格元素用于创建有助于行和列的基于网格的布局系统。网格元素可以更轻松地设计任何网页,而无需使用浮动和定位。

Semantic-UI Responsive Grid Stackable 用于在移动或小屏幕设备中堆叠网格元素。它会自动将所有行堆叠到一列。

Semantic-UI 响应式网格可堆叠类:

  • stackable:此类用于自动堆叠移动设备上的所有网格元素。

句法:

...

示例 1:此示例描述了 Semantic-UI Responsive Grid Stackable 的使用。

HTML


  

    
        Semantic-UI Responsive Grid Stackable
    
  
    

  

    
        

            GeeksforGeeks         

           

            Semantic-UI Responsive Grid Stackable         

           
            
                HTML stands for HyperText Markup Language.                  It is used to design web pages using a                  markup language. It is the combination of                  Hypertext and Markup language. Hypertext                  defines the link between the web pages. A                 markup language is used to define the text                  document within tag which defines the                  structure of web pages.             
            
                CSS (Cascading Style Sheets) is a stylesheet                  language used to design the webpage to make                  it attractive. The reason for using this is                  to simplify the process of making web pages                  presentable. It allows you to apply styles                  to web pages. More importantly, it enables                  you to do this independent of the HTML that                 makes up each web page.             
            
                JavaScript is the world most popular                  lightweight, interpreted compiled programming                  language. It is also known as scripting                  language for web pages. It is well-known for                  the development of web pages, many non-browser                  environments also use it. JavaScript can be                  used for Client-side developments as well as                 Server-side developments.             
            
                jQuery is an open-source JavaScript library                  that simplifies the interactions between an                  HTML/CSS document, or more precisely the                  Document Object Model (DOM), and JavaScript.                  Elaborating the terms, it simplifies HTML                  document traversing and manipulation, browser                  event handling, DOM animations, Ajax                  interactions, and cross-browser JavaScript                  development.             
        
    
  


HTML


  

    
        Semantic-UI Responsive Grid Stackable
    
  
    

  

    
        

            GeeksforGeeks         

           

            Semantic-UI Responsive Grid Stackable         

           
            
                HTML stands for HyperText Markup Language.                  It is used to design web pages using a                  markup language. It is the combination of                  Hypertext and Markup language.             
            
                CSS (Cascading Style Sheets) is a stylesheet                  language used to design the webpage to make                  it attractive. The reason for using this is                  to simplify the process of making web pages                  presentable.             
            
                JavaScript is the world most popular                  lightweight, interpreted compiled programming                  language. It is also known as scripting                  language for web pages.              
            
                jQuery is an open-source JavaScript library                  that simplifies the interactions between an                  HTML/CSS document, or more precisely the                  Document Object Model (DOM), and JavaScript.              
            
                Bootstrap is a free and open-source tool                  collection for creating responsive websites                  and web applications. It is the most popular                  HTML, CSS, and JavaScript framework for                  developing responsive, mobile-first websites.             
            
                Pure CSS is a CSS framework. It is a set                  of free and open-source tools for building                  responsive websites and web applications.                  Yahoo developed this, which is used to make                  websites that are quicker, more elegant,                  and more responsive.             
        
    
  


输出:

Semantic-UI 响应式网格可堆叠

示例 2:此示例描述了 Semantic-UI Responsive Grid Stackable 的使用。

HTML



  

    
        Semantic-UI Responsive Grid Stackable
    
  
    

  

    
        

            GeeksforGeeks         

           

            Semantic-UI Responsive Grid Stackable         

           
            
                HTML stands for HyperText Markup Language.                  It is used to design web pages using a                  markup language. It is the combination of                  Hypertext and Markup language.             
            
                CSS (Cascading Style Sheets) is a stylesheet                  language used to design the webpage to make                  it attractive. The reason for using this is                  to simplify the process of making web pages                  presentable.             
            
                JavaScript is the world most popular                  lightweight, interpreted compiled programming                  language. It is also known as scripting                  language for web pages.              
            
                jQuery is an open-source JavaScript library                  that simplifies the interactions between an                  HTML/CSS document, or more precisely the                  Document Object Model (DOM), and JavaScript.              
            
                Bootstrap is a free and open-source tool                  collection for creating responsive websites                  and web applications. It is the most popular                  HTML, CSS, and JavaScript framework for                  developing responsive, mobile-first websites.             
            
                Pure CSS is a CSS framework. It is a set                  of free and open-source tools for building                  responsive websites and web applications.                  Yahoo developed this, which is used to make                  websites that are quicker, more elegant,                  and more responsive.             
        
    
  

输出:

Semantic-UI 响应式网格可堆叠

Semantic-UI 响应式网格可堆叠

参考: https://semantic-ui.com/collections/grid.html#stackable