1)按钮组.样式:class="btn-group" <div class="btn-group"> <button class="btn btn-danger" type="button">首页</button> <button class="btn btn-default" type="button">产品展示</button&g…

下拉菜单 <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> 下拉菜单 <span class="caret"></span> </…

button:btn 圆角灰色按钮 button:btn btn-default 圆角灰色边框按钮 button:btn btn-success 绿色 button:btn btn-primary 蓝色 button:btn btn-info 浅蓝 button:btn btn-warning 黄色 button:btn btn-danger 红色 button:btn btn-link 链接按钮改 btn-lg,btn-sm 按钮变大,变小 active 按下状态 btn-block 撑满父级…

相关类: nav, nav-pills, nav-tags, nav-stacked ul里使用,导航格胶囊,方片外观,堆叠外观 navbar, navbar-header, navbar-brand, navbar-nav, navbar-default, 导航条相关类 dropdown, dropdown-menu, dropdown-toggle,二级菜单相关类 divider二级导航里的分割线 相关属性: data-toggle="tab",点击导航格会变为选中状态,背景颜色改…

列表组组件: 面板组件:…

导航组件: 导航条组件: 导航条代码: <nav class="navbar navbar-default"> <div class="container"> <div class="navbar-header"> <a href="#" class="navbar-brand">标题</a> </div> <ul class=&…

说明:没找到好办法 <div class="row"> <ul class="nav nav-pills col-md-offset-4"> <li class="active"><a href="">主页</a></li> <li><a href="#">主页</a></li> <…

 复选框: <div class="btn-group" data-toggle="buttons"> <label for="sex" class="btn btn-primary active"> <input type="checkbox" name="fa" value="体育" checked>体育 </label&…

为导航条添加标题.二级菜单及状态 加入导航条标题 在Web页面制作中,常常在菜单前面都会有一个标题(文字字号比其它文字稍大一些),其实在Bootstrap框架也为大家做了这方面考虑,其通过"navbar-header"和"navbar-brand"来实现,示例查看代码编辑器(11-22). 原理分析: 此功能主要起一个提醒功能,当然改良一下可以当作是logo(此处不做过多阐述).其样式主要是加大了字体设置,并且设置了最大宽度: /*源码查看bootstrap.css…

基础导航条 在Bootstrap框中,导航条和导航从外观上差别不是太多,但在实际使用中导航条要比导航复杂得多.我们先来看导航条中最基础的一个--基础导航条. 使用方法: 在制作一个基础导航条时,主要分以下几步: 第一步:首先在制作导航的列表(<ul class="nav">)基础上添加类名"navbar-nav" 第二步:在列表外部添加一个容器(div),并且使用类名"navbar"和"navbar-default"…