# Как сделать блок по всей ширине экрана в bootstrap?

**URL:** <https://forum.itvdn.com/t/kak-sdelat-blok-po-vsej-shirine-ekrana-v-bootstrap/2161>\
**Category:** Bootstrap 4\
**Created:** [13.08.2018 17:31:04 UTC](https://forum.itvdn.com/t/kak-sdelat-blok-po-vsej-shirine-ekrana-v-bootstrap/2161 "2018-08-13T17:31:04Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vasili40](https://forum.itvdn.com/letter_avatar_proxy/v4/letter/v/e19adc/32.png) [@Vasili40](https://forum.itvdn.com/u/Vasili40)\
**Post date:** [13.08.2018 17:31:04 UTC](https://forum.itvdn.com/t/kak-sdelat-blok-po-vsej-shirine-ekrana-v-bootstrap/2161/1 "2018-08-13T17:31:04Z")

</div>

В общем я слышал что можно сделать элемент на всю ширину используя bootstrap, как именно это сделать, вспомнить не удалось, пришлось создавать свой простой блок и задавать ему уже ширину 100 процентов, был бы очень рад если бы кто то напомнил как сделать блок на всю ширину (именно bootstrap контейнер!!!)

---

<div class="post-metadata">

**Author:** ![glebgariev](https://forum.itvdn.com/letter_avatar_proxy/v4/letter/g/ea666f/32.png) [@glebgariev](https://forum.itvdn.com/u/glebgariev)\
**Post date:** [13.08.2018 18:03:21 UTC](https://forum.itvdn.com/t/kak-sdelat-blok-po-vsej-shirine-ekrana-v-bootstrap/2161/2 "2018-08-13T18:03:21Z")

</div>

Судя по твоему описанию, это может быть container-fluid

```
\<div class="container"\>  
 \<div class="row"\>  
 \<div class="col"\>  
 \<div class="col"\>  
   
   
   
\<div class="container-fluid"\>  
 \<div class="row"\>  
 \<div class="col fluid-color"\>  
 \<div class="col fluid-color"\>
```

```
.col {  
 height: 100px;  
 background-color: green;  
 }  
   
.fluid-color {  
 height: 100px;  
 background-color: red;  
 }
```

Растягивается до краев как надо)