How to undo Bootstrap styles inside col?

Question

Bootstrap

Hello! There is, for example, the following structure:

...
<div class="container">
     <div class="row">
          <div class="col-md-12">
               <iframe src="banner.html" width="468" height="60">Some frame</iframe>
               <div class="full-screen">FullScreenDiv</div>
               <div class="some-div">Hello World!</div>
          </div>
     </div>
</div>
...

How can I make the iframe and div class="full-screen" be the full width of the page?
Addition
This was all needed for use in WP
page.php

...
<div class="container">
     <div class="row">
          <div class="col-md-12">
               <?php the_post(); ?>
          </div>
     </div>
</div>
...

And on the page itself in the WP admin panel will be:

<iframe src="banner.html" width="468" height="60">Some frame</iframe>
               <div class="full-screen">FullScreenDiv</div>
               <div class="some-div">Hello World!</div>

And you need to somehow stretch the iframe and the 1st div to the entire page
Or remove container> row> col from page.php and specify them already on the page in the WP admin Thank you!

Answer 1

.container {
  width: auto;
  padding-left: 0;
  padding-right: 0;
}
.row {
  margin-left: auto;
  margin-right: auto;
}
.col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

If, perhaps, I misunderstood and you need to save the styles, then usually I take out the block that needs to be made to the full width outside the container.

Answer 2

replace with container-fluid ?