首页 > 教程 > 关键词 > Bootstrap3.0学习最新资讯 > 正文

Bootstrap3.0学习第十三轮:导航条

2013-12-06 16:16 · 稿源:aehyok博客园

上一篇Bootstrap3.0学习第十二轮:导航、标签、面包屑导航

本文主要来讲解以下内容:1.默认的导航条;2.表单;3.按钮;4.文本;5.非导航的链接;6.组件对齐;7.固定在顶部;8.固定在底部;9.静止在顶部;10.反色的导航条;11.总结。

默认的导航条

导航条是在您的应用或网站中作为导航标头的响应式元组件。它们在移动设备上可以折叠(并且可开可关),且在可用的视口宽度增加时变为水平展开模式。

定制折叠模式与水平模式的阈值

根据你所放在导航条上的内容的长度,也许你需要调整导航条进入折叠模式和水平模式的阈值。通过改变@grid-float-breakpoint变量的值或加入您自己的媒体查询CSS代码均可实现你的需求。

这段代码有点长,先上点效果吧。

  • 相关推荐
  • 大家在看
  • 我从创建应用中学到的12条病毒式传播法则

    托马斯·普约(Tomas Pueyo)是一名工程师,利用业余时间,他开发了手机游戏并在app store上发布,纯属娱乐。然而,某一天,他发现这款游戏火了。在不到 2 个月的时间里,它的下载量就达到了 5000 万。然后,很快它的增长就停滞了。因为太多人开发这种类型的游戏了。

  • 终身学习者无畏,万门大学VIP一站式学习新体验

    终身学习的概念对许多人来说并不陌生。机遇和挑战伴随着人的一生,但不管是抓住机会,还是迎接挑战都离不开学习带来的提升。那有没有更实在高效的终身学习方案呢?万门大学推出万门VIP,提供一站式终身学习解决方案,为终身学习保驾护航。从万门大学官网了解到,万门大学VIP分为,一年和终身两种权益。平台课程适用人群非常广泛,从适龄中小学生,到升学、考证、跨专业学习的大学生,以及职场白领都能从万门大学VIP提供的服务中享?

  • 华为首款搭载鸿蒙的移动设备或将诞生,麒麟1020采用5纳米制程

    DoNews6月26日消息(记者 程梦玲)华为有望最快在9月份发布旗舰机Mate40系列,搭载麒麟1020芯片。运行鸿蒙OS 2.0的Mate Watch智能手表或同时发布。华为Mate40系列最大的亮点是其很可能成为首个搭载海思最先进的麒麟1020芯片的手机,麒麟1020采用5纳米制程工艺制造,届时很可能与苹果一起成为全球首发5纳米芯片的厂商。虽然遭遇了一系列麻烦,但海思目前的芯片库存足够支持下半年Mate40系列的上市。

  • 学习通崩了?6月17日学习通app疑似无法打开

    6月17日,在今天有不少网友表示学习通App出现无法开打,页面刷新不出来等多种问题,疑似该app崩了。而在今年3月份学习通也曾发生过app故障,当时官方表示因为上千万用户同时使用,造成瞬间流量过载,导致部分功能不流畅,学习通通过“起飞”模式,使用户分批次登陆,最大限度保障用户的使用。

  • 稳定导航,不断革新—智斗士导航仪

    导航仪属于现代汽车科技的产物,用于汽车导航、定位和娱乐。但随着汽车的普及和道路的建设,人们在城际之间的经济往来也更加频繁,车载GPS导航仪显得更加重要,准确的定位、导航、娱乐功集于一身的导航更能满足车主的需求,成为每辆车子的基本装备;但是随着市场需求量的增大,市场上出现了众多的山寨汽车导航仪品牌,这就为车主选购车载GPS导航仪增加了很大的难度。智斗士也就是在这个情况下悄然孕育而生,智斗士是河南方戈贸易有限公司旗?

  • 联发科独立AI处理器APU3.0,手机AI应用的原动力

    近年来,手机在语音助手、AI拍照、视频优化、VR/AR游戏等方面的AI应用快速发展,手机想要实现这些AI应用,需要芯片提供足够强大的AI算力和低功耗效能,因此手机芯片厂商纷纷在SoC中加入了独立的人工智能处理器,用于专门进行AI运算。例如联发科的天玑系列5G芯片,无论是主打高端市场的天玑 1000 系列,还是主打中高端市场的天玑 800 系列,都搭载了联发科自研的独立AI处理器 APU 3.0。早在 2018 年,联发科就开始将独立AI处理器内?

  • 搭载5nm麒麟1020 曝华为Mate 40将于9月发布:首款鸿蒙OS移动设备或同台亮相

    据国内媒体报道,华为有望最快在9月份发布旗舰机Mate40系列,搭载麒麟1020芯片,与iPhone 12系列迎来正面厮杀。此外,运行鸿蒙OS2.0的MateWatch智能手表或同时发布。据悉,华为Mate 40系列将首

  • 苹果宣布其设备将全面转向“Apple Silicon”计算体系

    在 "历史性的一天",苹果公司CEO蒂姆-库克宣布其计算平台将全面转向自建体系“Apple Silicon”。库克现场讨论了Mac发展史上的三大转变,回顾了Power PC和英特尔。并表示,Mac在定制芯片上的历程已经超过 10 年其从iPhone开始的芯片架构提供了最佳的每瓦特性能,新系统的设计力求带来功率和性能的最佳平衡点。

  • 最强蜗牛服务器无响应详细解决办法 三种办法解决服务器无响应

    最强蜗牛经常的会碰到服务器无响应的情况,那么遇到这样的情况怎么办呢?下面就来为大家分享一下最强蜗牛服务器无响应详细解决办法。

  • 小狸AI:作为家长,该如何帮助孩子从小培养学习习惯和学习能力?

    科学证明,每个孩子都是天生的学习高手。与生俱来的学习动力让他们生来就对外界事物充满了好奇心,但随着年龄的增大,有些孩子的内在学习动力则会相对减退。因此,有远见的父母都会有意识地帮孩子从小培养主动学习的习惯和能力。甚至懂得要为孩子搭建成长生态。那么,家长到底该如何科学地帮助孩子培养主动学习力呢?一直以来,我都认为要让专业的人做专业的事。所以,在网上看了很多资料后,帮孩子选择了小狸AI课。小狸AI课,是中

  • 最近,关于文案的11条思考。

    李奥贝纳说:“没有任何一个客户,会买他自己都没兴趣,或是看不懂的广告。”这句话你得这么看,广告是针对一部分目标人群的。大佬说的意思是你的目标客户一定是能看懂的,至于其他人能不能看懂,并不重要。

  • 猿辅导在线教育开放多种学习课程 为学生提供学习支持

    随着国内疫情的缓解,学生们这个超长的假期即将结束了。国内头部K12 在线教育公司猿辅导在这个假期推出了线上免费直播课,为学生们宅在家里提供了精神食粮,帮助学生们启发思维,探索自身价值,受到了广大学子们的好评。其实无论在什么时候,学习力和专注力是影响学生学习效果的最主要的两个因素;而往往,学生自己却意识不到自己学习进步缓慢是受这两个因素的影响。寒假延长期期间,学生们在家学习,它们的影响也就更为显著了。针?

  • 华为AppGallery Connect认证服务,月度3万条验证短信免费送

    如何快速地构建一个安全可靠的用户认证系统?华为应用市场AppGallery Connect认证服务有哪些特点?本文将结合真实案例,给出一套安全、低成本、免运维、支持多帐号身份验证的解决方案,帮助大家理解和实操AppGallery Connect认证服务。文末还会给大家附上福利。 什么是AppGallery Connect认证服务? 为用户创造安全便捷的应用登录体验,是应用开发者始终关注的问题。 华为应用市场AppGallery Connect认证服务提供了云侧服务和SDK,?

  • 不靠卖设备!苹果仅App Store年入超5000亿美元

    6月16日,据外媒报道,来自Analysis Group的数据显示,苹果应用商店(App Store)2019年在全球销售总额为5190亿美元。数据显示,苹果公司从中削减30%的数字产品和服务销售额达到610亿美元。应

  • StrategyAnalytics:超宽带芯片正在迈向成功

    Strategy Analytics最新发布的研究报告《UWB的回归:智能手机、汽车、工业等芯片预测》指出,2019年UWB(超宽带)系统和无线电芯片市场实现了飞跃;于此同时,新标准、芯片和应用意味着UWB的复兴。相关资料显示,UWB 技术是一种传输速率高,发射功率较低,穿透能力较强并且是基于极窄脉冲的无线技术。 StrategyAnalytics指出,苹果iPhone11机型采用了全新的U1超宽带无线电芯片以及用于远程无钥匙进入的新汽车标准推动?

  • 特斯拉拍下停车收费员扎胎引热议:多名车主响应

    6月4日,有微博网友曝出一则特斯拉哨兵模式录像视频,视频纪录一位停车场收费员故意扎胎的行为,引起微博网友热议。据悉此事发生在重庆,该车主表示自己在停车办事的过程中,车胎被停车收费

  • 当代青年都该掌握的投屏学习指南

    我们正处于一个信息爆炸的时代,不管是知识层面还是技术层面,几乎都是日新月异的,职场的激烈竞争,无形中要求了每个人都需要不断学习来完善自我。所幸,这些年互联网分享知识趋势发展迅猛,以B站为例,从 2020 年 2 月 1 日到 3 月 25 日,不到 2 个月的时间,热爱知识的的UP们在学习频道里上传了数以万计的学习视频,同时有超过千万的用户在B站学习。其学习内容包罗万象,今天小编总结了一份B站学习指南,希望大家好好学习,天?

  • 兴趣是英语学习源动力,阿卡索多元化课程提高孩子学习效果

    近几年,随着全球化进程加快及消费升级,父母对子女英语教育方面的投入意愿越来越强。相较于传统的线下大班教学,在线英语教育因其突破时空限制,随时随地都能学习英语,而受到众多家长青睐。易观发布的《 2020 中国互联网教育行业总结和新风向洞察》显示,聚焦互联网语言教育市场领域,青少儿英语份额正在持续上升,预计到 2022 年,青少儿英语市场份额占互联网语言教育市场比例将上升到23%。 对于青少年来说,缺少互动的线上学?

  • 更轻盈,更安全,宏碁TravelMate X5高效办公

    在市面上众多类型的笔记本中,轻薄本其轻薄的特征受到职场人士的青睐,对于现代企业办公方式与工作场景多样化的情形下,易于携带的轻薄本则成为都市白领们的必备武器。突破新极限,宏碁TravelMate X5 轻薄本拥有超越想象的轻薄,整机仅重0.98kg,薄至14.9mm,轻松收纳,更拥有强劲的性能与安全的工作环境为高效办公护航。 轻薄体验,搭载酷睿处理器性能非凡 TravelMate X5 不仅仅只是轻薄,整机重量控制在0.98kg的同时,更搭载了?

  • ios14支持设备列表 苹果iOS14支持适配设备机型汇总

    苹果wwdc2020全球开发者大会最近正式在线上举办,其中曝光了iOS14支持的设备,很多朋友还不清楚到底支持哪些设备机型,下面就来为大家分享一下。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议