title: My layout of my dbc.Row dash bootstrap isn't displaying side by side
body: <p>I'm trying to create a dashboard to display bullet charts side by side, but they are showing vertically underneath each other. I'm using dash.bootstrap-components with plotly. A lot of people are saying in different forums that I should add the dbc.themes.bootstrap to styling for it to work but it isn't working for me -&gt; (app = dash.Dash(<strong>name</strong>, external_stylesheets=[dbc.themes.BOOTSTRAP]).</p>
  <p>Below is some of my code that I have that shows the charts going vertically. I want them to display side by side. When I first installed my packages, I was ablee to get it working, but once I upgraded pip and ran a few other packages and moved my folder to another location the layout seemed like it broke or something. Any suggestions. I do think that conda and pip installation have something to do with it im assuming bc I had issues with them and ran different packages with pip and conda. I also re-installed the dash_bootstrap_components. Any ideas what I should do.</p>
  <pre><code>import dash
  import dash_bootstrap_components as dbc
  import dash_html_components as html
  import pandas as pd
  import dash_core_components as dcc
  import plotly.figure_factory as ff
  from dash.dependencies import Input, Output, State
  
  app = dash.Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP])
  
    app.layout = html.Div([
      html.Div(html.H6(&quot;Title&quot;),
               style={&quot;text-align&quot;: &quot;Center&quot;}),
      html.Hr(),
      html.H1(&quot;Sub-Title&quot;),
      dbc.CardHeader(
          dbc.Button(
              &quot;Completed&quot;,
              color=&quot;link&quot;,
              id=&quot;buttonCompleted&quot;,
          )
      ),
      dbc.Collapse(
          dbc.CardBody(&quot;Chart goes here if needed.&quot;),
          id=&quot;collapseCompleted&quot;, is_open=False
      ),
  
      dbc.CardHeader(
          dbc.Button(
              &quot;In Progress&quot;,
              color=&quot;link&quot;,
              id=&quot;buttonInProgress&quot;,
          )
      ),
      dbc.Collapse(
          dbc.CardBody(html.Div([
              dbc.Row(html.Div([
                  dbc.Col(html.Div( [
                      dcc.Graph(id='bullet-chart1', 
                          figure=ff.create_bullet(
                              data, titles=&quot;title&quot;,
                              ranges='ranges',
                              measures='measures',
                              title=None, autosize=True,
                              width=450, height=300,
                          ),  
                      ), 
                  ]), 
                  ),
  
                  dbc.Col(html.Div([
                      dcc.Graph(id='bullet-chart2',
                          figure=ff.create_bullet(
                              data2, ranges='ranges',
                              measures='measures',
                              title=None, autosize=True,
                              width=450, height=300
                          )
                      ),
                  ]), 
                  ),
              ]),
              )
          ])),
          id=&quot;collapseInProgress&quot;, is_open=True
      ),
  
      dbc.CardHeader(
          dbc.Button(
              &quot;Not Started&quot;,
              color=&quot;link&quot;,
              id=&quot;buttonNotStarted&quot;
          )
      ),
  
      dbc.Collapse(
          dbc.CardBody(&quot;Chart goes here&quot;),
          id=&quot;collapseNotStarted&quot;, is_open=False
      )
  ])
  </code></pre>