Skip to main content
Inspiring
November 20, 2025
Question

Dreamweaver / Bootstrap grid breaks from 4 columns to 1 column

  • November 20, 2025
  • 1 reply
  • 23 views

iMac Ventura 13.2

Dreamweaver C.C.

Bootstrap 4.4.1

 

Hi folks,

 

I currently have my web rows set to  .  .  .  

 

class="col-lg-4">

 

I have 4 fluid columns which reduce in size as the site narrows but when they reach a "mid point" they break from 4 columns to 1 column.

 

Is it a relatively easy fix to get things to go from 4 columns to 2 columns to 1 column instead of jumping from 4 to 1  ?

 

I'm not really very technically minded so hopefully this is not beyond my understanding

 

Any advice and assistance greatly appreciated.

 

Kind regards, Garry.

 

 

 

    1 reply

    Community Expert
    November 21, 2025

    Yes. You need additional classes as you have only defined the col-lg-4. So there are no breakpoints for anything smaller than lg ( https://getbootstrap.com/docs/5.3/layout/breakpoints/ ). If you add a breakpoint col-md-2, col-sm-1, you will get the desired output.