英雄形象有左右的空白區域？第一次編碼

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的類。這可能只適用於你。