列表 - List

无样式列表

无样式列表使用 list-unstyled 样式，该样式移除了列表的默认样式和左侧外边距的一组元素（只针对直接子元素）。

无样式无序列表

    
Home
    
Products
        
        

            
Gadgets
            
Accessories
        
    
    
About Us
    
Contact






无样式有序列表

    
Home
    
Products
        
        

            
Gadgets
            
Accessories
        
    
    
About Us
    
Contact

01.PNG

内联列表

内联列表会将所有元素放置于同一行。将列表的样式设置为 .list-inline 即可

    
Home
    
About Us
    
Products
    
Services
    
Contact

02.PNG

描述性列表

使用

标签可以创建描述性列表

• 表示创建列表

• 成对出现，一个是标题，一个是内容
• 增加 .dl-horizontal 样式可以创建水平描述性列表

正常描述性列表

    
User Agent
    
An HTML user agent is any device that interprets HTML documents.
    
Client-side Scripting
    
Client-side scripting generally refers to the category of computer programs on the web that are executed client-side i.e. by the user's web browser.
    
Document Tree
    
The tree of elements encoded in the source document.




水平描述性列表

    
User Agent
    
An HTML user agent is any device that interprets HTML documents.
    
Client-side Scripting
    
Client-side scripting generally refers to the category of computer programs on the web that are executed client-side i.e. by the user's web browser.
    
Document Tree
    
The tree of elements encoded in the source document.

03.PNG