zoukankan      html  css  js  c++  java
  • Bootstrap系列 -- 42. 导航条中的按钮、文本和链接

      Bootstrap框架的导航条中除了使用navbar-brand中的a元素和navbar-nav的ul和navbar-form之外,还可以使用其他元素。框架提供了三种其他样式:

      1、导航条中的按钮navbar-btn

      2、导航条中的文本navbar-text

      3、导航条中的普通链接navbar-link

      但这三种样式在框架中使用时受到一定的限制,需要和navbar-brand、navbar-nav配合起来使用。而且对数量也有一定的限制,一般情况在使用一到两个不会有问题,超过两个就会有问题。

      

    <div class="navbar navbar-default" role="navigation">
       <div class="navbar-header">
           <a href="##" class="navbar-brand">Bootstrap</a>
       </div>
         <ul class="nav navbar-nav">
             <li><a href="##" class="navbar-text">Navbar Text</a></li>
             <li><a href="##" class="navbar-text">Navbar Text</a></li>
             <li><a href="##" class="navbar-text">Navbar Text</a></li>
         </ul>
    </div>
    
    <div class="navbar navbar-default" role="navigation">
       <div class="navbar-header">
           <a href="##" class="navbar-brand">Bootstrap</a>
       </div>
         <div class="nav navbar-nav">
             <a href="##" class="navbar-text">Navbar Text</a>
             <a href="##" class="navbar-text">Navbar Text</a>
             <a href="##" class="navbar-text">Navbar Text</a>
         </div>
    </div>
  • 相关阅读:
    变更管理
    2020软件工程个人作业06——软件工程实践总结作业
    鸽子开发组---冲刺第七天
    冲刺第六天
    鸽子开发组---冲刺第五天
    鸽子开发组--冲刺第四天
    鸽子开发组--冲刺第三天
    鸽子开发组--冲刺第二天
    冲刺规划
    冲刺第一天
  • 原文地址:https://www.cnblogs.com/qingyuan/p/4608516.html
Copyright © 2011-2022 走看看