bootstrap-4 - boostrap 响应式导航边框
问题描述
我正在使用引导程序来构建响应式导航栏,我正在尝试删除导航的边框,但我找不到办法。这是代码:
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 2</a></li>
</ul>
</div>
</div>
</nav>
</body>
解决方案
我认为问题是因为引导程序 3.3.7 中导航栏类的默认 css 包含边界半径规则。你应该检查这个答案,它可能会帮助你删除它: https ://stackoverflow.com/a/35451590/2726490
推荐阅读
- android - 如何通过动态设置宽度和高度来填充 Fresco SimpleDraweeView 中的图像?
- javascript - cs50 src5 示例网页无响应
- oracle - 错误:ORA-01848:从 DateColumn(varchar(10)) 中提取月份和年份时,一年中的某一天必须介于 1 和 365 之间(闰年为 366)
- c++ - C++ 通过接口使用从其他几个继承的类
- express - Sequelize distinct in include 在 \"DISTINCT\" 处或附近引发语法错误
- ag-grid - applyTransaction 删除不适用于 id
- loops - MS Windows Batch:使用具有可变范围和多行命令的 for 循环
- reactjs - 错误的字符转义序列
- node.js - 尝试将 apollo-angular 客户端连接到 graphql-server 时不允许使用 405 方法
- angular - 如果值为空,如何使用 Ng if 更改数据表背景颜色