我正在构建我个人网站的元素部分。
它看起来是这样的:
我正试图摆脱左边距,以便我的图像可以从左边距开始。
这是我当前的代码:
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
<div class="row-lg-4">
<div class="hovereffect">
<img class="img-responsive" src="../Projects/img/cyberSecurity.jpg" height = "600vh" width = "100vw" alt="">
<div class="overlay">
<h2>Effect 12</h2>
<p>
<a href="#">LINK HERE</a>
</p>
</div>
</div>
</div>
</div>
我试过内联 CSS
<body style="margin:0; padding:0;">
它不起作用。
我也试过:
* {
margin: 0;
padding: 0;
在我的 CSS 文件中。但是,这也不起作用。
任何形式的帮助将不胜感激 :D
祝你有美好的一天。
最佳答案
要删除 Bootstrap 中的填充/边距,请执行以下操作。
将 no-padding
类添加到 padding: 0px;
用于 Bootstrap 列,将 no-marginLR
类添加到 margin-left: 0;
和 margin-right:0;
用于 Bootstrap 行。
此处以no-padding
和no-marginLR
为例。
<div class="container">
<div class="row no-marginLR">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 no-padding">
...your code
</div>
</div>
关于html - 使用 CSS 或 HTML 如何消除网站的边距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52190029/