bootstrap3で左右の余白を消したい

bootstrapで記述しているとトップ画の左右余白が気になる。

そんなときに見つけたネットで参照していると、container-fluidのdivタグにクラスを追加して左右のpaddingを消せばいいということ

わかっていれば簡単なことだけれど、bootstrapとcssの組み合わせが難しいですね。

トップページ1

<div class="container-fluid no-padding">
  <div class="row">
    <div class="col-md-12">
      <img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=1300%C3%97400&w=1300&h=400" alt="placeholder 960" class="img-responsive" />
    </div>
  </div>
</div>

css

.no-padding {
  padding-left: 0;
  padding-right: 0;
}