小编mar*_*ria的帖子

删除底部阴影引导导航栏

我正在为我的网站使用 Bootstrap 的默认导航栏。我希望导航栏和导航栏下方的内容颜色相同，它们之间没有任何界限。但是，导航栏底部似乎有一个我似乎无法摆脱的阴影。

导航栏下的阴影

我正在使用 Bootstrap 的默认导航栏模板。

我试图设置box-shadow: none;在每个导航栏类我怀疑（从检查元件）可能会导致此（.navbar，.navbar-default，和.container-fluid）无济于事。

nav {
  box-shadow: none;
}
.navbar {
  .container-fluid {
    box-shadow: none;
  }
  box-shadow: none;
}

.navbar .navbar-collapse {
  box-shadow: none;
}

.navbar .navbar-nav {
  box-shadow: none;
}

.navbar-default {
  box-shadow: none;
}

Run Code Online (Sandbox Code Playgroud)

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse"
              data-target=".navbar-collapse" aria-expanded="false"> …

Run Code Online (Sandbox Code Playgroud)

html css shadow navbar twitter-bootstrap

mar*_*ria

2016 06-26

4
推荐指数

1
解决办法

8272
查看次数