# Dash Bootstrap Components

**URL:** <https://community.plotly.com/t/dash-bootstrap-components/26523>\
**Category:** Dash Python\
**Created:** [July 29, 2019, 10:23am UTC](https://community.plotly.com/t/dash-bootstrap-components/26523 "2019-07-29T10:23:20Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![sangsang](https://avatars.discourse-cdn.com/v4/letter/s/e5b9ba/32.png) [@sangsang](https://community.plotly.com/u/sangsang)\
**Post date:** [July 29, 2019, 10:23am UTC](https://community.plotly.com/t/dash-bootstrap-components/26523/1 "2019-07-29T10:23:20Z")

</div>

I am using the dash bootstrap components to style the layout  
I have no idea how to remove the gap between the two columns.  
Attached are the figures of code and result.

 ![pic](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/e/ec06fc627ba6c03b60c7f82f944468bc8ffff975.png) ![pic2](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/6/611a7103dd4bab41504882615c10ba869c9790c5.png)

---

<div class="post-metadata">

**Author:** ![flyingcujo](https://avatars.discourse-cdn.com/v4/letter/f/e480ec/32.png) [@flyingcujo](https://community.plotly.com/u/flyingcujo)\
**Post date:** [July 29, 2019, 12:17pm UTC](https://community.plotly.com/t/dash-bootstrap-components/26523/2 "2019-07-29T12:17:07Z")

</div>

it’s a little hard to read you code via the png file, but it appears you are specifying `width=6` for the first column. If the component within is not 6 columns wide, you will have a gap.

---

<div class="post-metadata">

**Author:** ![sangsang](https://avatars.discourse-cdn.com/v4/letter/s/e5b9ba/32.png) [@sangsang](https://community.plotly.com/u/sangsang)\
**Post date:** [July 29, 2019, 12:26pm UTC](https://community.plotly.com/t/dash-bootstrap-components/26523/3 "2019-07-29T12:26:48Z")

</div>

Thank you, will chekc that out.