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:
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
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
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