首页 > 其他 > 详细

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

时间:2018-12-29 22:46:25      阅读:167      评论:0      收藏:0      [点我收藏+]

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学习: 基本组件以及布局;

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!