码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap学习: 基本组件以及布局;

时间:2018-12-29 23:09:34      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:rop   divide   ide   span   学习   role   highlight   bsp   menu   

1、下拉菜单;

<div class="btn-group">
   <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">默认<span class="caret"></span></button>
    <ul class="dropdown-menu" role="menu">
    	<li><a href="#">nihao</a></li>
        <li><a href="#">nihao</a></li>
        <li class="divider"><a href="#">nihao</a></li>              //divider 分割符;
        <li><a href="#">nihao</a></li>
    </ul>
</div>

2、导航栏;

nav-tab 切换        nav-pills 胶囊式;

<ul class="nav nav-pills">              //nav-pills 胶囊式    nav-tabs tab式;
    <li class="active"><a href="#">file</a></li>
    <li><a href="#">view</a></li>
    <li><a href="#">help</a></li>
</ul>        

   堆栈式导航;

<ul class="nav nav-stacked">
    <li><a href="#">file</a></li>
    <li><a href="#">view</a></li>
    <li><a href="#">help</a></li>
</ul>

  

 注: 该博客为扩展型;

bootstrap学习: 基本组件以及布局;

标签:rop   divide   ide   span   学习   role   highlight   bsp   menu   

原文地址:https://www.cnblogs.com/yinwei-space/p/10197930.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!