why my bootstrap grid has too many margin?

I'm using Bootstrap in Angular and I've installed it via npm, but for some reason there is too much margin at the sides, can someone please help me?

and here is the code

<div class="container">
  <div class="row">
    <div class="col">Left column</div>
    <div class="col">Right column</div>
    <div class="col">Left column</div>
    <div class="col">Right column</div>
    <div class="col">Left column</div>
    <div class="col">Right column</div>
    <div class="col">Left column</div>
    <div class="col">Right column</div>
    <div class="col">Left column</div>
    <div class="col">Right column</div>
    <div class="col">Left column</div>
    <div class="col">Right column</div>
  </div>
</div>

update: i dont have any css just the bootstrap css the minified version of the bootstrap installed just this week using npm.

but well i was just thinking that was something new about bootstrap, so i supposed i will setup the project again and see what happens, maybe even downloading another bootstrap version.