当前位置: 首页 > 编程笔记 >

引导程序navbar-static-top类

冯奇思
2023-03-14
本文向大家介绍引导程序navbar-static-top类,包括了引导程序navbar-static-top类的使用技巧和注意事项,需要的朋友参考一下

要创建随页面滚动的导航栏,请添加.navbar-static-top类。此类不需要将填充添加到<body>。

示例

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
      <script src = "/scripts/jquery.min.js"></script>
      <script src = "/bootstrap/js/bootstrap.min.js"></script>
   </head>
   <body>
      <nav class = "navbar navbar-default navbar-static-top" role = "navigation">
         <div class = "navbar-header">
            <a class = "navbar-brand" href = "#">Car Accessories</a>
         </div>
         <div>
            <ul class = "nav navbar-nav">
               <li class = "active"><a href = "#">Car Cover</a></li>
               <li><a href = "#">Car Mobile Holder</a></li>
               <li><a href = "#">Car Mobile Charger</a></li>
            </ul>
         </div>
      </nav>
   </body>
</html>
 类似资料:
  • 我得到了以下css规则 我希望有

  • 试着在bootstrap中做一个navbar。标题占用了所有空间,折叠div没有显示。而我从教程中输入了完全生成输出的精确代码。我做错了什么?这里是Bootstrap初学者。 我创建了一个带有navbar-hear和navbar-collable div的nav标记,其中有两个navbar选项列表 null null navbar-nav元素是不可见的,如果我移除caplable class,它们

  • 我正试图将

  • 本文向大家介绍Bootstrap navbar-fixed-top类的用法,包括了Bootstrap navbar-fixed-top类的用法的使用技巧和注意事项,需要的朋友参考一下 使用Bootstrap类.navbar-fixed-top将导航栏固定在顶部。 您可以尝试运行以下代码将导航栏修复到顶部- 示例

  • 这是我的密码,我试过很多东西,欧比旺,帮帮我!我试着做了一个容器标签,对css的ro响应。

  • 我们现在开始准备编写AngularJS应用——phonecat。这一步骤(步骤0),您将会熟悉重要的源代码文件,学习启动包含AngularJS种子项目的开发环境,并在浏览器端运行应用。 进入angular-phonecat目录,运行如下命令: git checkout -f step-0 该命令将重置phonecat项目的工作目录,建议您在每一学习步骤运行此命令,将命令中的数字改成您学习步骤对应的