Bootstrap Help

[RandomRyan]

Hi,

I'm having problems with making the container full width so the sidebar and main content is on the same row. But the content is going below the sidebar.
I'm using
<div class="w-100 p-3">
-- main content here --
</div>

You must be registered for see images attach

 

[JayC]

Need to put the content into columns

You must be registered for see links

You wrap a container taking up the entire 100%

Then a column that takes up 30% that is your sidebar
Then a column that takes up the remaining percentage for the screen content

Then within that column, you can create sub-columns to divide the main content up, or have it take up the entire content section.

 

[Kurumi]

Hello,
Hi there,
Do you have a container class and a row?

Bootstrap gives you a free example on their site.
Attention all depends on your bootstrap version

After as said above,
Use the grid system

There is even a grid generator to help you

You must be registered for see links

You must be registered for see links

<header class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow"></header> <div class="container-fluid"> <div class="row"> <nav class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse"></nav> <main class="col-md-9 ms-sm-auto col-lg-10 px-md-4"></main> </div> </div>