# Loading bootstrap on dash 0.22

**URL:** <https://community.plotly.com/t/loading-bootstrap-on-dash-0-22/25540>\
**Category:** Dash Python\
**Created:** [July 6, 2019, 2:32pm UTC](https://community.plotly.com/t/loading-bootstrap-on-dash-0-22/25540 "2019-07-06T14:32:23Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![pokepim](https://avatars.discourse-cdn.com/v4/letter/p/7feea3/32.png) [@pokepim](https://community.plotly.com/u/pokepim)\
**Post date:** [July 6, 2019, 2:32pm UTC](https://community.plotly.com/t/loading-bootstrap-on-dash-0-22/25540/1 "2019-07-06T14:32:23Z")

</div>

Hi Im using Dash version 0.22 and wondering if its possible to load external sources like boostrap css to the app.  
I tried what is provided in the documentation but it does not work.

My code is below:

```
import dash
import dash_html_components as html
external_stylesheets = [
    'https://codepen.io/chriddyp/pen/bWLwgP.css',
    {
        'href': 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css',
        'rel': 'stylesheet',
        'integrity': 'sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO',
        'crossorigin': 'anonymous'
    }
]

app = dash.Dash( __name__ ,external_stylesheets=external_stylesheets)
app.scripts.config.serve_locally = False

app.layout = html.Div(html.Div([
    html.Div(
        'This is an inner Div',
        className = "col-sm",
        style={'color':'blue', 'border':'2px blue solid', 'borderRadius':5,
        'padding':10, 'width':220}
    ),
    html.Div(
        'This is another inner Div',
        className='col-sm',
        style={'color':'green', 'border':'2px green solid',
        'margin':10, 'width':220}
    ),
], className= "row"
), className='container')

if __name__ == ' __main__':
    app.run_server()

```

It does not crate the column grid it should using bootstrap 4.

---

<div class="post-metadata">

**Author:** ![qdumont](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/qdumont/32/5278_2.png) [@qdumont](https://community.plotly.com/u/qdumont)\
**Post date:** [July 6, 2019, 3:31pm UTC](https://community.plotly.com/t/loading-bootstrap-on-dash-0-22/25540/2 "2019-07-06T15:31:04Z")

</div>

Hey, if you wanna use Bootstrap within your app, there is a Bootstrap Module for Dash :

[https://dash-bootstrap-components.opensource.faculty.ai/](https://dash-bootstrap-components.opensource.faculty.ai/)

It goes as simple as : `pip install dash-bootstrap-components`