не выходит зделать один блок 2 цветов

<div class="col-lg-9" style="background-color: green; height: 100px"></div>
<div class="col-lg-3" style="background-color: black; height: 100px"></div>

не делается одна колонка в два цвета (должна быть 3еленая9 и черная3) ,а идет черерная в низ как третья колонка черня... почему? помогите