Bootstrap 4 help with mobile

Este hilo está resuelto. Aquí tiene una descripción del problema y la solución.

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 hace 5 años, 5 meses. 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)

Etiquetado: Custom search, Views plugin

Este tema contiene 2 respuestas, tiene 2 mensajes.

Última actualización por FelipeP5703 hace 5 años, 4 meses.

Asistido por: Minesh.

Autor

Mensajes

septiembre 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 - enlace oculto - 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 - enlace oculto - but I can't seem to find the answer. Please help!

septiembre 20, 2019 at 6:53 am #1344745

Minesh

Supporter

Idiomas: Inglés (English )

Zona horaria: 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. :
=> enlace oculto

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

septiembre 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!