Card vertical align middle


Topic: Card vertical align middle

alax asked 6 years ago

I'm trying to center the vertical card middle.

div.transbox { margin: 25%; background-color: #ffffff; border: 0px; opacity: 0.90; filter: alpha(opacity=90); /* For IE8 and earlier */ }

Acesso E-mail Senha Lembre-me Perdeu a senha? Confirma

alax answered 6 years ago

<div class="row d-flex justify-content-center align-items-center h-100">
    <div class="col-md-6">
        <div class="card wow fadeInRight transbox" data-wow-delay="0.3s">

            <h5 class="card-header info-color white-text text-center py-4">

Marta Szymanska staff pro premium answered 6 years ago

Hi,

please, create a snippet showing your problem here: https://mdbootstrap.com/snippets/. I'll try to help you.

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: Desktop
  • Browser: Firefox
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
Tags