Setting card next to each other


Topic: Setting card next to each other

tawfig ismail asked 7 years ago

hello im trying to make my card like this :
http://prntscr.com/iazya3

 

but it didnt work i tried flexbox and no good

it's like this now :

http://prntscr.com/ib00a4

 

my code :

 <div class="row">
 <div class="col-md-12">
 <div class="card mdb-color lighten-2 text-center z-depth-2">
 <div class="card-body">
 <p class="white-text mb-0">واحد جنيه سوداني = <?php echo convertCurrency("1.00", "SDG", "USD")." دولار امريكي";?>.</p>
 </div>
 </div>
 </div>
 <div class="col-md-12">
 <div class="card mdb-color lighten-2 text-center z-depth-2">
 <div class="card-body">
 <p class="white-text mb-0">بتكوين <i class="fa fa-bitcoin" aria-hidden="true"></i> = <?php echo $info['rate']." جنيه سوداني";?></p>
 </div>
 </div>
 </div>
</div>

any idea?


Marta Szymanska staff pro premium answered 7 years ago

Hi, change .col-md-12 class to .col-md-6 one. Best, Marta
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes