css bootstrap tezava (align content center)

<div class="jumbotron jumbotron-fluid margin_jumbo margin_dol" style="background-image: url(../img/parallax.jpg);">

    <div class="container row margin_dol_vec align_center">
        <div class="col-md-3 col-sm-12">
            <h1 class="text-center"><b class="xx-pink">Razvoj</b></h1>
            <p class="text-white text-center">blablabla.</p>
        </div>
        <div class="col-md-3 col-sm-12">
            <h1 class="text-center"><b class="xx-pink">Vizija</b></h1>
            <p class="text-white text-center">blablabla</p>
        </div>
        <div class="col-md-3 col-sm-12">
            <h1 class="text-center"><b class="xx-pink">Kakovost</b></h1>
            <p class="text-white text-center">blablabla</p>
        </div>
    </div>
</div>

Ne znam postavit te 3 paragrafe na sredino strani, kot je vidno na sliki se alignajo po defaultu na levo col-i so veliki po tri tako da z offset-md-xx ne gre, probal sem narediti se ".align_center" tem pa ni bilo razlike, v cem je tezava? Sumim da zato ker je "jumbotron-fluid", da se zato bolj cudno obnasa. Kaksna ideja?

.align_center {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
}

Hvala :)

Dpool je 28. apr 2017 ob 16:51 izjavil:

Nisem Web developer, ampak me zanima.. nastavljanje marginov s PX je pri vas OK? To bo drugače prikazovalo na različnih rezolucijah zaslona. Naprimer na mojem 1080p laptopu se Razvoj prekriva z Vizija.

Pixli so dejansko OK. Relativne enote (em in rem) imajo namreč precej redek use-case.

En zanimiv članek na to temo: https://hackernoon.com/rems-and-ems-and...