Та на bootstrap всё просто

<div class="row">
    <div class="col-md-6 block"></div>
    <div class="col-md-6 block">
        <div class="col-md-6 block"></div>
        <div class="col-md-6 block"></div>
        <div class="col-md-6 block"></div>
        <div class="col-md-6 block"></div>
    </div>
</div>

.block {
background: #f48942;
border-radius: 5px;

На мобильную версию пропиши свои размеры блоков. И сделай адаптивность так как тебе нравиться!
На YouTube много гайдов об этом!