center een col in bootstrap

[dansplaat]

Ik ben aan het leren te werken met bootstrap
Hier is dus blijkbaar alles verdeeld in kolommen van 12.

ik heb nu volgende html

<div class="diensten text-center">
<div class="row">
<div class="col-sm-3 webdesign">
<img src="images/icon-websiteontwerp.png" alt="icon websiteontwerp"><br>
<p>Een eerste indruk is zeer belangrijk. Daarom verzorgen wij het ontwerp met de grootste zorg en met oog voor detail.</p>
</div>
<div class="col-sm-3 seo">
sdf
</div>
<div class="col-sm-3 shopping">
sdf
</div>
</div>
</div>

hoe kan ik er nu voor zorgen dat ik deze gecentreerd krijg te zien ipv links uitgelijnd
indien ook met css

 

[bron]

Vervang <div class="diensten text-center"> door <div class="container">

In bootstrap moet een row altijd direct onder een container staan.

class="container" zorgt ervoor dat alles wordt gecentreerd én dat de breedte zich aanpast aan je browser.

Suc6. Have fun.