Don't let 2-row-column break at XS/SM

Bootstrap Studio Help
1

Hi,

is it possible to keep the 2 columns beside each other also at size XS/SM?

I mean the content (logo / button) in each column is very tiny and it doesn’t “need” to break here…

naver
naver718×467 20.7 KB

Project file: Microsoft OneDrive

Any ideas?

Thank you!
Rom

2

just make sure each column has col-6 not col-md-6

<div class="row">
    <div class="col-6"></div>
    <div class="col-6"></div>
</div>

image

2 Likes
3

Worked well! Thank you Richard! I really have to learn more about the BS grid system :wink:

4

A good place to start: Grid system · Bootstrap v5.3

2 Likes