Boostrap Card grid question

[christ2000]

Hello i am using boostrap card to show data pull from mysql, code work fine but the problem is card are show one bellow the other, and i need to show one next to the other , i don't find a solution for this.

now in my table i have 2 records and page show properly the records

could be any solution to show card next to the other?

thanks

[crispy68]

You don't specify how the cards are laid out. Are they in a layout grid, flex container or card container? I would think a card container would do what you need.

[christ2000]

yes card container

[christ2000]

Demo page is here:

https://app1.hrfilecenter.com/wp/page1.php

in demo Personal Support it is bellow Behaviors Therapy so i need next to Behaviors Therapy if i remove rights card, it become full car in row and keep one bellow the other

[christ2000]

this page show cards on grid:

https://app1.hrfilecenter.com/wp/page2.php

same problem

[christ2000]

Just to clarify card info come from mysql, see html code:


<div id="wb_LayoutGrid1">
<div id="LayoutGrid1">
<div class="row">
<div class="col-1">
<div id="wb_Card1" style="display:flex;width:100%;text-align:center;z-index:16;">
<div id="Card1-card-header">Header</div>
<div id="Card1-card-body">
<div id="Card1-card-item1"><?php echo $record['Title']; ?></div>
<div id="Card1-card-item2">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<hr id="Card1-card-item3">
<div id="Card1-card-item4">Read More</div>
</div>
<div id="Card1-card-footer">Footer</div>

</div>
</div>
<div class="col-2">
</div>
</div>
</div>
</div>

[Pablo]

By default, cards will be displayed next to each other in a card container.
In a layout grid the number of columns is fixed, based on your settings.

[christ2000]

Hello Pablo, i have a card container and a card inside but card are show one bellow the other, remember i get the data from mysql

see the image:



so if i have 2 record in my mysql table, i need this record show in 2 card one next to the other, as i mention now show one bellow the other SEE BELLOW

[Pablo]

I cannot help you with custom code.
But if you want to display cards next to each other then place them in different grid columns or use a flex container.

[christ2000]

Thanks but flex container show same bavavior

[Pablo]

Did you set the direction to row?

Here is a demo:
https://www.wysiwygwebbuilder.com/suppo ... ainer.html

[christ2000]

yes this page show both grid and flexbox brho show the same

https://app1.hrfilecenter.com/wp/ourservices.php

i think that i want it is no possible

[Pablo]

I'm sorry, I cannot see what you have done based on the published page.
To be able to help you, I need a demo project.

Note however that I cannot help you with custom code.

[christ2000]

Hello where can i send the demo?

thanks

[Pablo]

Please see:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134