How to make bootstrap Carousel full width in the center?

There is a carousel on bootstrap full width.
c6fcd26542f540509701212b167ce5be.png
But if you turn the page on screens larger than 1400px (width of slide) that toggle buttons stretch across the width, and the image is on the left.
d5a8438603434709900771a2a6c62793.png
How to make the carousel was in the center of the rest of the content?

The slider code
<!-- Slider -->
<div id="carousel" class="carousel slide">
 <!--Slide IMG-->
 <div class="carousel-inner">
 <div class="item active">
 <img src="img/slider.jpg" alt="slider-woman">
 <div class="carousel-caption font-slider">
 <div class="content">
 <div class="row">
 <div class="col-md-6 col-sm-8 col-xs-10">
 <span>FiarFashion<br>LOREM IPSUM DOLOR</span>
 <a href="#"> <img src="img/button-slider.png"></a>
</div>
</div>
</div>
</div>
</div>
 <div class="item">
 <img src="img/slider.jpg" alt="slider-woman"> <!--/IMG/-->
</div>
 <div class="item">
 <img src="img/slider.jpg" alt="slider-woman"> <!--/IMG/-->
</div>
</div>
 <!--Slide button -->
 <a href="#carousel" class="left carousel-control" data-slide="prev">
 <span class="glyphicon glyphicon-chevron-left"></span>
</a>
 <a href="#carousel" class="right carousel-control" data-slide="next">
 <span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>


Wrap in a container helps, but the carousel is created by indentation, and must be the full width.
Thanks in advance.
July 12th 19 at 17:14
1 answer
July 12th 19 at 17:16
Look for example here - getbootstrap.com/getting-started/#examples-custom (live on this page below)

Find more questions by tags BootstrapSlider