bootstrap 基础知识学习(导航+其他)

原创 2015年07月09日 16:16:42


十一.导航


   =》 基础

    语法:.nav.nav-tabs.nav-pills配合使用

 

 

=》垂直导航

 

 

=》二级导航 

 


=》面包屑式导航(常用于显示当前位置)

 

 


=》导航条(导航条和导航从外观上差别不是太多,但在实际使用中导航条要比导航复杂得多。

语法:.navbar-nav,导航条的默认颜色.navbar-default(米黄)”:


 

.navbar-header导航标题 .navbar-brand 导航标题的默认样式



  .navbar-fixed-top:导航条固定在浏览器窗口顶部

  .navbar-fixed-bottom:导航条固定在浏览器窗口底部

 

 

 

=》响应式导航 .collapse  .navbar-collapse 


 

 

 

=》分页导航

 

 


十二 其他


=》标签

有时某些导航或新闻想要加上某些标签来强调内容的新或重要

label-deafult:默认标签,深灰色

 label-primary:主要标签,深蓝色

 label-success:成功标签,绿色

 label-info:信息标签,浅蓝色

 label-warning:警告标签,橙色

 label-danger:错误标签,红色

 


 

=徽章

 

 

 

 

 

 

=缩略图

 

.thumbnail


 

 

没有.thumbnail

 

  添加介绍信息等




 

=》警示框

 

默认

 

 

 

带关闭按钮



 

带链接

 

 

 

=》进度条

 

 

基本

 

 


 

=》媒体对象(很好的替代了dl/dt/dd的传统写法)

 

 

 

=》面板 panel

 

基础

 

 

Panel-default:默认

panel-primary:重点蓝

 panel-success:成功绿

 panel-info:信息蓝

 panel-warning:警告黄

 panel-danger:危险红


 

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

bootstrap基础知识

  • 2015年03月30日 11:19
  • 1.49MB
  • 下载

导航基础知识培训

  • 2012年06月12日 09:21
  • 259KB
  • 下载

bootstrap基础知识

1、如何实现响应式? CSS3-Media Query最简单的实现方式; 借助原生JAvascript;成本较高。 第三方开源框架; 一般使用第一种方式。 2、CSS3-Media Query常见属性...

导航基础知识

  • 2012年06月11日 22:43
  • 170KB
  • 下载

组合导航基础知识

  • 2011年11月24日 17:24
  • 4.83MB
  • 下载

bootstrap 基础知识(表单)

六:表单 1、input输入框(type=text/password/email) 2、input选择框(type=“checkbox/radio”) 在Bootstrap框架中...

1.Bootstrap基础知识

BootStrap的中文官方网站为http://www.bootcss.com/ 更详细的教程,还是访问中文官方网站 BootStrap是什么? Bootstrap,来自 Twitter,是目前...
  • gxy1317
  • gxy1317
  • 2016年08月15日 23:08
  • 96

深入理解bootstrap的基础知识

1.搭建bootstrap环境,俩种方式,一种通过在线的方式的引入,一种通过下载 到本地的方式引入, (bootstrap.min,css表示压缩版的,也可以引入未压缩版的bootstrap.css...

Ionic 2基础知识之导航

基本导航所谓导航,是指从一个页面进入另一个页面,也可以返回。在Ionic 2中,我们使用NavController来实现导航。下面通过一个实例来说明: 1.新建一个空的Ionic 2项目naviga...

Android基础知识【项目实训-实现二级导航“我的账单”及用户登录对话框】【6】

下面搞定主界面中 关于账单部分的内容,这与活动界面部分基本一致,只是涉及到的实体不同。账单部分的数据必须登录后才能看见,这还需要准备一个登录对话框。...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:bootstrap 基础知识学习(导航+其他)
举报原因:
原因补充:

(最多只允许输入30个字)