Bootstrap3で勝手に .containerクラスが付いている

Question

ホームページを作成するのにBootstrap3を使っていて画面全体にジャンボトロンや <div> の塗りつぶしを広げたいのですが、以下のコードのように class="container"、あるいはclass="container-fluid"をつけていないにも関わらず画像のように勝手にclass="container" が追加されてしまいます。
どうすればよいでしょうか？

<div class="main">
  <div class="jumbotron text-center">
      <h1>Hello</h1>
    <button class="btn btn-primary btn-lg">put</button>
  </div>
  
  <div class="painted"></div>
</div>

CSSは以下の通りです。

.main {
  padding: 0;
  margin: 0;
  width :100%;
}

●追記です。

HTML全体を載せてもらってもいいでしょうか？

上記のhtmlが前文になります。

<div class="container"> 要素の直下にある要素

containerに直下にあるのは<div class="main">です。 ただ、上の画像の通り自分ではcontainer`はコードのどこにも書いていません。

Comments

[x_x]

HTML全体を載せてもらってもいいでしょうか？

[Lhankor_Mhy]

問題が再現しません。補足願います。<div class="container"> 要素の直下にある要素は何ですか？

Answer 1

全体と思っているところは全体ではなく部分テンプレートと思われます。
https://www.rubylife.jp/rails/template/index2.html

Comments

[退会済みユーザー]

application.html.erbを調べてみると `class="container"`がついていました！
それを消したら無事画面全体に表示されました。
ありがとうございます！