topbar-fixed is not compatible with the new page layout

[stepandersen]

With this markup:

<div class="container-fluid">
    <div class="row">
        <header class="topbar">Topbar component...</header>
    </div>
    <div class="row">
        <div class="col-auto">Sidebar component...</div>
        <main class="col main-content border-left">Main content things...</main>
    </div>
</div>

This rule doesn't apply anymore:

.topbar.topbar-fixed+* {
    margin-top: 70px;
}

I'm not sure what the best solution is, I added a custom class to the second class="row" and gave that a margin-top.

[Akswii]

If you want a fixed full-width .topbar you can move the topbar outside of the container. We will consider making changes to how the .topbar works to make the markup consistent and improve the examples.