html - 中心引导切换导航栏
问题描述
**你好,
我整天都在努力使我的导航栏在页面上居中,但没有任何运气。我已经使用引导程序来创建导航栏。如果有人可以帮助我,我会非常高兴。** URL
<!DOCTYPE html>
<html lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- Required meta tags -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-info d-flex justify-content-center">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse h3" id="navbarTogglerDemo03">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
</ul>
</div>
</nav>
<div class="jumbotron jumbotron-fluid bg-info text-white text-center"">
<div class="container">
<h1 class="display-4">c.magelssen</h1>
<p class="lead">A resource on psychology, teaching, skiing and coding.</p>
</div>
</div>
</div>
解决方案
推荐阅读
- logging - perfview 解释的高 CPU 命令
- python - Python中频率计算的运行循环
- python - 使用序列化程序打印多个项目
- r - ggplot2 函数中 geom_boxplot 的平均值和中值箱线图图例
- c++ - 为什么在类中使用“new”关键字会显示此错误?
- python - 使用 Telnet 的 Python 线程
- reactjs - useState 方法不使用 onClick 更新状态?
- node.js - 如何在 GitLab CI 的官方节点 docker 镜像中使用“node”用户?
- google-bigquery - 如何识别每个先前消息的第一个响应消息?
- flutter - ListTile 上的 GetX UI 状态未更改