Page 1 of 1

Boostrap Card grid question

Posted: Wed Feb 12, 2020 12:13 am
by 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

Re: Boostrap Card grid question

Posted: Wed Feb 12, 2020 1:46 am
by 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.

Re: Boostrap Card grid question

Posted: Wed Feb 12, 2020 1:50 am
by christ2000
yes card container

Re: Boostrap Card grid question

Posted: Wed Feb 12, 2020 2:05 am
by 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

Re: Boostrap Card grid question

Posted: Wed Feb 12, 2020 2:10 am
by christ2000
this page show cards on grid:

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

same problem

Re: Boostrap Card grid question

Posted: Wed Feb 12, 2020 2:14 am
by 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>

Re: Boostrap Card grid question

Posted: Wed Feb 12, 2020 7:40 am
by 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.

Re: Boostrap Card grid question

Posted: Wed Feb 12, 2020 2:43 pm
by 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:

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

Image

Re: Boostrap Card grid question

Posted: Wed Feb 12, 2020 3:10 pm
by 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.

Re: Boostrap Card grid question

Posted: Wed Feb 12, 2020 4:41 pm
by christ2000
Thanks but flex container show same bavavior

Re: Boostrap Card grid question

Posted: Wed Feb 12, 2020 4:55 pm
by Pablo
Did you set the direction to row?

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

Re: Boostrap Card grid question

Posted: Wed Feb 12, 2020 6:10 pm
by 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

Re: Boostrap Card grid question

Posted: Wed Feb 12, 2020 7:14 pm
by 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.

Re: Boostrap Card grid question

Posted: Wed Feb 12, 2020 11:07 pm
by christ2000
Hello where can i send the demo?

thanks

Re: Boostrap Card grid question

Posted: Thu Feb 13, 2020 7:32 am
by Pablo