Layout content

@Mav_fly
You can follow the https://getbootstrap.com/docs/4.0/layout/grid/#alignment
Also, it will depend on the Bootstrap version.
May I know what the Bootstrap version is in your theme?

@ravi kant
We use the bootstrap 5.2.3 library in our theme and bootstrap views 8.x-4.4.
So as you can see in the picture in attachment we have no option that we can choose horizontal or vertical alignment.

@Mav_fly

"bootstrap views 8.x-4.4" supports to Bootstrap 4 so the issue will appear with Bootstrap 5 theme.

I used Bootstrap-view-5.5.x with Bootstrap5 theme and find option as 'Fit to Content'

@ravi kant
That's true I also saw the option. But when you select this you got as result that you have more than two columns.
See thee result in attachment.
One like we want and the other is if you choose fit to contet

@Mav_fly
It working as designed. Attaching a short video.

@Ravi kant Thanks for the video!

I understand the principle of fit to content or 2 columns.
But the problem I have is if you choose for example 2, 3, … columns the data of your view is arranged horizontal

Data A Data B
Data C Data D

And when using responsive grid you can also choose 2,3,… columns, but you have the option alignment horizontal or vertical

Alignment horizontal :

Data A Data B
Data C Data D

Alignment vertical :

Data A Data C
Data B Data D

And that was my question if it is possible to align your data vertical in bootstrap grid ?

You see my problem ?

This is the documentation for the Bootstrap grid. I don’t see that option. But, you can use the core responsive grid style regardless of what theme you’re using.

@Mav_fly
The option is not in Views Bootstrap module but you may follow as in example https://codepen.io/rachelandrew/pen/QbewmG

@Shelane Indeed I use now the responsive grid in views instead of the bootstrap grid that is available in AT theme.

@ravi kant it's a pitty becauce the most bootstrap things a very nice to use in your projects. Let's hope in future that such an option will be availalble.