如何消除图像和Bootstrap Nav栏之间的间隙?

用户名

如您所见,转盘没有触摸导航栏。我想删除两者之间的边距。我尝试使用负边距,但它们似乎没有用。这里有人可以帮我吗?http://i.stack.imgur.com/1htJM.png

<!DOCTYPE html>
<html>
    <head>
        <title>AwakenNetwork</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href = "css/bootstrap.min.css" rel = "stylesheet">
        <link href = "css/styles.css" rel = "stylesheet">
    </head>
    <body>

      <div id="wrap">

        <div class = "navbar navbar-default">
            <div class = "container">

                <a href = "#" class ="navbar-brand">AwakenNetwork</a>

                <button class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse">
                    <span class = "icon-bar"></span>
                    <span class = "icon-bar"></span>
                    <span class = "icon-bar"></span>
                </button>

                <div class ="collapse navbar-collapse navHeaderCollapse">

                    <ul class = "nav navbar-nav navbar-right">

                        <li class = "active"><a href = "#"><span class="glyphicon glyphicon-home"></span> Home</a></li>
                        <li><a href = "#"><span class="glyphicon glyphicon-bullhorn"></span> Forums</a></li>
                        <li><a href = "#"><span class="glyphicon glyphicon-gift"></span> Vote</a></li>
                        <li><a href = "#"><span class="glyphicon glyphicon-tower"></span> Staff</a></li>
                        <li><a href = "#"><span class="glyphicon glyphicon-book"></span> Rankings</a></li>
                        <li><a href = "#"><span class="glyphicon glyphicon-shopping-cart"></span> Store</a></li>
                    </ul>

                </div>
            </div>
         </div>           
      </div>

    <div style="height: 365px; background: url('https://dl.dropboxusercontent.com/s/246mjb1z7mahfe2/img1.jpg'); position: relative">
      <div class="carousel-caption" style="bottom: 15px">
              <h1 style="font-size: 100pt">Awaken Network</h1>
              <h1>Be Awakened..</h1>
            </div>
Aage Torleif

您做对了,请确保使用

.navbar { margin-bottom:0px !important; }
.carousel-caption { margin-top:0px !important }

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何消除我的导航栏和特色图像之间不需要的间隙?

来自分类Dev

如何消除工具栏和下方布局之间的间隙

来自分类Dev

如何消除图像和<div>内容之间的间隙?

来自分类Dev

如何消除页眉和图像滑块之间的间隙

来自分类Dev

标头和导航栏之间的间隙

来自分类Dev

如何在HTML / CSS / Bootstrap中消除圆形图像和边框之间的空白?

来自分类Dev

为什么我的徽标和导航栏之间存在巨大的可点击间隙,以及如何消除它?

来自分类Dev

如何消除两行图像之间的间隙?

来自分类Dev

如何缩小导航栏列表中对象之间的间隙?

来自分类Dev

如何在tmux状态栏中消除多个窗口状态之间的间隙?

来自分类Dev

如何消除制表符和片段之间的间隙

来自分类Dev

如何消除容器和视口边缘之间的白色间隙?

来自分类Dev

由于视差滚动功能,导航栏和标题图像(背景图像)之间的间隙

来自分类Dev

如何消除导航栏顶部的间隙?

来自分类Dev

消除输入和按钮之间的间隙

来自分类Dev

操作栏和状态栏之间的间隙,不透明

来自分类Dev

如何清除导航栏中ul和anchor标签之间的间隙?

来自分类Dev

工具栏和LinearLayout之间的左侧无法解释的间隙/填充

来自分类Dev

如何消除Bootstrap 4中cols之间的间隙并获得整个屏幕宽度?

来自分类Dev

如何消除导航栏和主要背景div之间的空格?

来自分类Dev

如何使用HTML和CSS消除ul内部的下拉ul之间的间隙

来自分类Dev

使用部分透明的rgba()值时,如何消除框阴影和div背景之间的间隙

来自分类Dev

如何在Elementor中消除小部件和布局子元素之间的间隙/空间?

来自分类Dev

无法消除顶部和标头之间的间隙

来自分类Dev

消除标题(header img?)和导航之间的间隙

来自分类Dev

消除列表项和导航顶部之间的间隙

来自分类Dev

消除标题(header img?)和导航之间的间隙

来自分类Dev

无法消除顶部和标头之间的间隙

来自分类Dev

消除徽标和菜单之间底部的间隙。WordPress的

Related 相关文章

  1. 1

    如何消除我的导航栏和特色图像之间不需要的间隙?

  2. 2

    如何消除工具栏和下方布局之间的间隙

  3. 3

    如何消除图像和<div>内容之间的间隙?

  4. 4

    如何消除页眉和图像滑块之间的间隙

  5. 5

    标头和导航栏之间的间隙

  6. 6

    如何在HTML / CSS / Bootstrap中消除圆形图像和边框之间的空白?

  7. 7

    为什么我的徽标和导航栏之间存在巨大的可点击间隙,以及如何消除它?

  8. 8

    如何消除两行图像之间的间隙?

  9. 9

    如何缩小导航栏列表中对象之间的间隙?

  10. 10

    如何在tmux状态栏中消除多个窗口状态之间的间隙?

  11. 11

    如何消除制表符和片段之间的间隙

  12. 12

    如何消除容器和视口边缘之间的白色间隙?

  13. 13

    由于视差滚动功能,导航栏和标题图像(背景图像)之间的间隙

  14. 14

    如何消除导航栏顶部的间隙?

  15. 15

    消除输入和按钮之间的间隙

  16. 16

    操作栏和状态栏之间的间隙,不透明

  17. 17

    如何清除导航栏中ul和anchor标签之间的间隙?

  18. 18

    工具栏和LinearLayout之间的左侧无法解释的间隙/填充

  19. 19

    如何消除Bootstrap 4中cols之间的间隙并获得整个屏幕宽度?

  20. 20

    如何消除导航栏和主要背景div之间的空格?

  21. 21

    如何使用HTML和CSS消除ul内部的下拉ul之间的间隙

  22. 22

    使用部分透明的rgba()值时,如何消除框阴影和div背景之间的间隙

  23. 23

    如何在Elementor中消除小部件和布局子元素之间的间隙/空间?

  24. 24

    无法消除顶部和标头之间的间隙

  25. 25

    消除标题(header img?)和导航之间的间隙

  26. 26

    消除列表项和导航顶部之间的间隙

  27. 27

    消除标题(header img?)和导航之间的间隙

  28. 28

    无法消除顶部和标头之间的间隙

  29. 29

    消除徽标和菜单之间底部的间隙。WordPress的

热门标签

归档