Bootstrap: How to align card elements

[ShiruJan]

Hi,

I have the next problem:

• I use three card into a card-deck, i need to align the three cards in the center of the screen
  I have tried with text-center but it does not work, can you support me?

Thank you.

[pjones235]

Try 'justify-content-center'. Also, this isn't an issue.

[AltayAkkus]

<div class="container">
  <div class="row justify-content-center">
    <div class="col-md-12">
      <div class="card">
        <div class="card-header">{{ __('menu.headings.add_menu') }}</div>
          <div class="card-body">

          </div>
        </div>
      </div>
    </div>
</div>

Works fine for me :)
or do you want 3 cards inside a card, then make
picture
````

{{ __('menu.headings.add_menu') }}

Hello World! 1

Hello World! 2

Hello World! 3

[mdo]

Issues are for bug reports and feature requests, not general how-to questions. For that, we suggest the official Slack channel or Stack Overflow. Both are linked from our readme.

Thanks!

[ShiruJan]

Stack overflow not works for me.

[AltayAkkus]

@ShiruJan how can Stack Overflow not work for you :grin:

Did my example above not work?
@mdo I understand that you closed it but I will still help him I hope thats OK

[ShiruJan]

Hello AltayAkkus!

Thank you very much for your help, it helped me a lot.

[AltayAkkus]

@ShiruJan You are welcome! Feel free to ask me any further questions