разделить фон пополам на два цвета

<style>
.bgs {
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #ccc 50%, #777 50%);
}
</style>
<div class="container-fluid bgs">
    <div class="row">
        <div class="container">
            <div class="col-sm-6 col-xs-12">
                текст 1
            </div>
            <div class="col-sm-6 col-xs-12">
                текст 2
            </div>
        </div>
    </div>
</div>