Skip Navigation

[Resolved] Bootstrap 4 help with mobile

This thread is resolved. Here is a description of the problem and solution.

Problem:
Bootstrap 4 help with mobile

Solution:
please try to follow the guide given with the following link:
=> https://toolset.com/documentation/user-guides/creating-responsive-designs/

You can find the proposed solution in this case with the following reply:
https://toolset.com/forums/topic/bootstrap-4-help-with-mobile/#post-1344745

Relevant Documentation:
=> https://getbootstrap.com/docs/4.3/layout/grid/#equal-width

This support ticket is created 4 years, 6 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

This topic contains 2 replies, has 2 voices.

Last updated by FelipeP5703 4 years, 6 months ago.

Assisted by: Minesh.

Author
Posts
#1344687

Tell us what you are trying to do?

Is it now possible to put two results next to each other when in mobile using View and Bootstrap 4?

You can see here - hidden link - that on Desktop it looks fine, but in mobile it only shows one item at a time. Is it possible to show two at a time? There is space, but I'm not sure how to put them together.

I read here - hidden link - but I can't seem to find the answer. Please help!

#1344745

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

Can you please try to follow the guide given with the following link:
=> https://toolset.com/documentation/user-guides/creating-responsive-designs/

It looks lilke you build your content using Bootstrap 3 classes and you are loading the bootstram 4.

As per Bootstrap 4 - if you want to display 2 equal columns, you should use the col class. :
=> hidden link

 <div class="row">
    <div class="col">
      1 of 2
    </div>
    <div class="col">
      2 of 2
    </div>
#1345075

I was able to acomplish what I wanted with

col-md-2 col-6

My issue is resolved now. Thank you!

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.