您的位置：首页 > Web前端 > BootStrap

bootstrap面包屑导航

2016-03-04 10:07 501 查看
代码比较简单

<olclass="breadcrumb"> <li><ahref="#">Home</a></li> <li><ahref="#">Parent</a></li> <liclass="active">Child</li> </ol>

　　

记得之前加载bootsrap的css文件即可

Bootstrap中的面包屑导航（Breadcrumbs）是一个简单的带有.breadcrumbclass的无序列表。
分隔符会通过CSS（bootstrap.min.css）中下面所示的class自动被添加：



.breadcrumb>li+li:before{
color:#CCCCCC;
content:"/";
padding:05px;
}


　　

关于bootstrap更多组件参考地址：'target='_blank'>http://www.runoob.com/bootstrap/bootstrap-tutorial.html[/code]

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航