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 5 years, 3 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)

Tagged: Custom search, Views plugin

This topic contains 2 replies, has 2 voices.

Last updated by FelipeP5703 5 years, 3 months ago.

Assisted by: Minesh.

Author

Posts

September 20, 2019 at 12:18 am #1344687

FelipeP5703

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!

September 20, 2019 at 6:53 am #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>

September 20, 2019 at 2:34 pm #1345075

FelipeP5703

I was able to acomplish what I wanted with

col-md-2 col-6

My issue is resolved now. Thank you!