摘要:带页码的分页导航,可能是最常见的一种分页导航,特别是在列表页内容超多的时候,会给用户提供分页的导航方式。平时很多同学喜欢用div>a和div>span结构来制作带页码的分页导航。不过,在Bootstrap框架中使用的是ul>li>a这样的结构,在ul标签上加入pagination方法。 在Boots 阅读全文
Bootstrap系列 -- 43. 固定导航条
2015-06-29 21:13 by 贺臣, 3062 阅读, 0 推荐, 收藏, 编辑
摘要:很多情况之一,设计师希望导航条固定在浏览器顶部或底部,这种固定式导航条的应用在移动端开发中更为常见。Bootstrap框架提供了两种固定导航条的方式: .navbar-fixed-top:导航条固定在浏览器窗口顶部 .navbar-fixed-bottom:导航条固定在浏览器窗口底部 …我是... 阅读全文
Bootstrap系列 -- 42. 导航条中的按钮、文本和链接
2015-06-29 21:12 by 贺臣, 2509 阅读, 0 推荐, 收藏, 编辑
摘要:Bootstrap框架的导航条中除了使用navbar-brand中的a元素和navbar-nav的ul和navbar-form之外,还可以使用其他元素。框架提供了三种其他样式: 1、导航条中的按钮navbar-btn 2、导航条中的文本navbar-text 3、导航条中的普通链接navb... 阅读全文
Bootstrap系列 -- 41. 带表单的导航条
2015-06-29 20:43 by 贺臣, 953 阅读, 0 推荐, 收藏, 编辑
摘要:有的导航条中会带有搜索表单,在Bootstrap框架中提供了一个“navbar-form”,使用方法很简单,在navbar容器中放置一个带有navbar-form类名的表单。navbar-left”让表单左浮动,更好实现对齐。在Bootstrap框架中,还提供了“navbar-right”样式,... 阅读全文
Bootstrap系列 -- 40. 导航条二级菜单
2015-06-29 17:56 by 贺臣, 2054 阅读, 0 推荐, 收藏, 编辑
摘要:在导航条中添加二级菜单也非常简单 导航条 网站首页 系列教程 CSS3 JavaScript PHP ... 阅读全文
Bootstrap系列 -- 39. 导航条添加标题
2015-06-29 17:55 by 贺臣, 1035 阅读, 0 推荐, 收藏, 编辑
摘要:在Web页面制作中,常常在菜单前面都会有一个标题(文字字号比其它文字稍大一些),其实在Bootstrap框架也为大家做了这方面考虑,其通过“navbar-header”和“navbar-brand”来实现。 导航条 网站首页 系列教程 ... 阅读全文
Bootstrap系列 -- 38. 基础导航条
2015-06-29 17:52 by 贺臣, 542 阅读, 0 推荐, 收藏, 编辑
摘要:在制作一个基础导航条时,主要分以下几步: 第一步:首先在制作导航的列表()基础上添加类名“navbar-nav” 第二步:在列表外部添加一个容器(div),并且使用类名“navbar”和“navbar-default” “.navbar”样式的主要功能就是设置左右padding和圆角等效果... 阅读全文
Bootstrap系列 -- 37. 基础导航样式
2015-06-26 23:04 by 贺臣, 856 阅读, 0 推荐, 收藏, 编辑
摘要:Bootstrap框架中制作导航条主要通过“.nav”样式。默认的“.nav”样式不提供默认的导航样式,必须附加另外一个样式才会有效,比如“nav-tabs”、“nav-pills”之类。比如右侧代码编辑器中就有一个tab导航条的例子,他的实现方法就是为ul标签加入.nav和nav-tabs两个... 阅读全文
Bootstrap系列 -- 36. 向上弹起的下拉菜单
2015-06-26 23:00 by 贺臣, 3932 阅读, 0 推荐, 收藏, 编辑
摘要:有些菜单是需要向上弹出的,比如说你的菜单在页面最底部,而这个菜单正好有一个下拉菜单,为了让用户有更好的体验,不得不让下拉菜单向上弹出。在Bootstrap框架中专门为这种效果提代了一个类名“dropup”。使用方法正如前面所示,只需要在“btn-group”上添加这个类名(当然,如果是普通向上弹... 阅读全文
Bootstrap系列 -- 35. 按钮的向下向上三角形
2015-06-26 22:56 by 贺臣, 2714 阅读, 0 推荐, 收藏, 编辑
摘要:按钮的向下三角形,我们是通过在标签中添加一个“”标签元素,并且命名为“caret”. 按钮下拉菜单 按钮下拉菜单项 按钮下拉菜单项 按钮下拉菜单项 按钮下拉菜单项 阅读全文