gpt4 book ai didi

html - 删除背景中的白色间隙

转载 作者:行者123 更新时间:2023-11-28 05:26:59 25 4
gpt4 key购买 nike

我希望能够在我的背景上堆叠图像并让它们响应背景图像,所以我认为 container-fluid 是实现此目的的最佳方式。但是,随着背景,左右两侧有一个白色的间隙:我该如何摆脱它?

<body>

<nav class="navbar navbar-default">
<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 header" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Resume </a> </li>
</ul>
</div>
</div>
</nav>


<div class="container-fluid">

<img class="img-responsive" src="images/background.jpg">

</div>



</body>

样式:

body {
margin:none;
padding:none;

}

/* CENTERS NAVBAR TEXT */
.navbar .navbar-nav {
display: inline-block;
float: none;
vertical-align: top;
}

.navbar .navbar-collapse {
text-align: center;
}

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

https://jsfiddle.net/RyanGross1993/04ybbs2v/1/

最佳答案

您必须放置 border: 0padding: 0 而不是 none

关于html - 删除背景中的白色间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38726567/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com