div中的Bootstrap div具有不同的大小

Question

我有（在bootstrap中）div中的div。 “底部”中的div是背景（渐变，高度比前景DIV小），前景是图像+ tekst。 div in div with image and gradien behind

LOGO是一个图像，SOME TEXT将与LOGO在同一个div中，渐变DIV落后...... 我希望你能够理解我的意思......先进先知

.container-color-nospace {
	background-color: #fff;
}

.preporucujemo {
background: #ffffff;
background: -moz-linear-gradient(left,  #ffffff 12%, #27aae2 100%);
background: -webkit-linear-gradient(left,  #ffffff 12%,#27aae2 100%);
background: linear-gradient(to right,  #ffffff 12%,#27aae2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#27aae2',GradientType=1 );
}

<section class="container container-color-nospace">
		<article class="preporucujemo">
			<article>
				<img src="img/logo_plavi.png" class="img-responsive center-block" alt="logo"> SOME TEXT
			</article>
		</article>
</section>