英雄形象有左右空白？第一次编码

Question

我正在学习编码 - 按行业划分创意设计师，但希望更好地理解HTML和CSS。

我添加了一个英雄形象，但我的侧面出现了白色缺口。它似乎不是填充，因为我添加的文字可以直到边缘？任何人都可以看到解决这个问题的方法吗？

www.georgehtdent.co.uk

Answer 1

这是由应用于.container, .container-fluid

的填充引起的

.container, .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

您可能需要在修复填充后调整其他内容。

Answer 2

<div id="top-section">
      <div class="row">
        <div class="col-md-12">
          <h1>Creative Design Headline</h1>
          <p>George Dent is a creative designer based in Northampton, UK. <br> He activates opportunities for brands and connects customers to products.</p>
        </div>
      </div>

不要使用名为container-fluid的div类，并删除名为padding-0的类。这可能适合你。