I typically like to set up my dashboards with a header row, a body divided into columns, and then a footer row (like a sandwich). The header row and body columns were working out no problem: I made sure the header div and the body div were each className="Row"
and then each column inside the body div was className="six columns"
. But when I got to the footer div and styled it className="Row"
it consistently threw off the rest of the page. Couldn’t figure this out for the longest time, until I tried className=“twelve columns”` – this solved the problem. @chelsea @chriddyp – we discussed this at the last Dash workshop in DC, so I thought I’d share my solution (though I imagine you already knew this
)
1 Like