How to make in Responsive mode .row flow RTL (right-to-left)?

#1 · August 25, 2025, 9:33 pm

In responsive mode, how can I make the content fill from the right side instead of the left?

Uploaded files:

You need to login to have access to uploads.

#2 · August 26, 2025, 9:09 am

@asmat check here:
https://webhelp.visualneo.com/Flexboxbasedgridsystem.html

Use neo-row-reverse class.

Regards.

#3 · August 26, 2025, 11:42 am

Thanks lusi,
I used the neo-row-reverse class, but it’s not working in my scenario. Please check the attached .neoapp file.

Uploaded files:

You need to login to have access to uploads.

#4 · August 26, 2025, 1:13 pm

@asmat

Check here for bootstrap-rtl css on 3.1.3.

For Bootstrap version 3.1.3, which doesn't use Flexbox for its grid system, you'll need to rely on a different approach to reorder columns for a right-to-left (RTL) flow in responsive mode. The primary method for this in Bootstrap 3 is using the .col-xx-push-* and .col-xx-pull-* classes.

col-md-8 col-md-push-4 The "Main Content" column takes up 8 of the 12 grid columns and is "pushed" to the right by 4 columns.

col-md-4 col-md-pull-8 The "Sidebar" column takes up 4 of the 12 grid columns and is "pulled" to the left by 8 columns.

Thanks

luishp has reacted to this post.

How to make in Responsive mode .row flow RTL (right-to-left)? - Forum

How to make in Responsive mode .row flow RTL (right-to-left)?