sergey

сначала нужно хорошо разобраться во флоатах, флексах и им подобным?)

.container {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

<div class="container-fluid main-offer">
	<div class="row">
		<div class="col-sm-5 text-center description">
			<h1>gina</h1>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam porro illum reiciendis magni cupiditate, blanditiis sapiente! Labore quo optio aliquam.</p>
		</div>
	</div

<div class="container-fluid">
  <div class="row">
    <div class="col-lg-6"></div>
    <div class="col-lg-6"></div>
  </div>
</div>

Вот вы открываете макет,на что вы сморите в первую очередь ?

Как вы понимаете что допустим макет шириной 1920px, в котором 12 столбцов и если вы зададите элементу ширину "col-lg-* " ту которую она занимает в макете,то элемент встанет именно туда куда нужно?

<div class="container">
  <div class="row">
    <div class="col-xs-6">
      <div class="image"></div>
    </div>
    <div class="col-xs-6">
      <div class="info-block">
        <div class="title">Заголовок</div>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
        <button>Позвонить</button>
      </div>
    </div>
  </div>
</div>