小编mid*_*sis的帖子

bootstrap 4 导航栏导航选项卡

在引导程序 4 中,我尝试使用固定的底部导航栏,当单击链接时,使用的内容来自 4 个选项卡。回到引导程序的早期,我所做的工作但试图让它与 4 一起工作对我不起作用。有人可以指出我在这里缺少的东西的正确方向吗?

<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">
  <link rel="icon" href="../../../../favicon.ico">

  <title>Starter Template for Bootstrap</title>

  <!-- Bootstrap core CSS -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

  <!-- Custom styles for this template -->
  <style type="text/css">
      body {
          padding-top: 5rem;
      }

      .starter-template {
          padding: 3rem 1.5rem;
          text-align: center;
      }
  </style>
</head>


  <body>

    <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-bottom">
      <a class="navbar-brand" href="#">title</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" …
Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap bootstrap-4

5
推荐指数
1
解决办法
3365
查看次数

标签 统计

bootstrap-4 ×1

twitter-bootstrap ×1