どうして.containerで15pxして.rowで-15pxするのでしょうか？


基本的に`Bootstrap`は`.container`で括ってその中で`.row`を記述していく書き方をします。  
なのに何故、わざわざ`Bootstrap`は`.container`で`15px`して`.row`で`-15px`しているのでしょうか？

該当ソースリンク：  
<https://github.com/twbs/bootstrap/blob/v4-dev/dist/css/bootstrap-
grid.css#L22>  
<https://github.com/twbs/bootstrap/blob/v4-dev/dist/css/bootstrap-
grid.css#L62>




`.container`の中に`.row`しか書かないのであれば、`.container`で`15px`して`.row`で`-15px`するのは無駄ですよね。

しかし、`.container`は名前のとおり入れ物なので`.row`以外のものを入れることも多いです。例えば、下のような例を考えると、`.container`で`15px`して`.row`で`-15px`していることによって、「タイトル」と「文章」とグリッド内の表示が自然に揃います。要するに開発者が使いやすくするためでしょう。

[code]

    <div class="container">
      <h2>タイトル</h2>
      <p>文章<p>
      <div class="row">
        <div class="col-sm">
          One of three columns
        </div>
        <div class="col-sm">
          One of three columns
        </div>
        <div class="col-sm">
          One of three columns
        </div>
      </div>
    </div>
    
[/code]

