Wie mache ich eine Spalte in der Mitte in einem div mit Container-Klasse von Bootstrap

Question

Ich habe so etwas wie diese

<div class="container"> 

    <div class="row"> 

     <div class="col-md-5 midOne"> 
      //...some content here 

     </div>  

    </div> 

</div> 

: Ich bin Bootstrap, ich mag diese Spalte mit Klasse midOne, zentriert wird im Innern ist Gibt es eine Möglichkeit, dieses midOne div zu zentrieren, ohne zwei neue divs auf jeder Seite von midOne zu zentrieren?

Wenn ich diesen Es funktioniert, wird der Inhalt in midOne

<div class="col-md-4 emptyone"> 
      //...empty Div 

     </div> 
<div class="col-md-4 midOne"> 
      //...some content here 

</div> 
<div class="col-md-4 emptytwo"> 
      //...empty div two 

</div> 

machen, ist in div-Container zentriert. mit zwei leeren divs auf jeder Seite.

Answer 1

müssen Sie .col-md-Offset-4 mit .col-md-4

<div class="row"> 
    <div class="col-md-4 col-md-offset-4"> 
    </div> 
</div> 

Dokumentation hier verwenden: http://getbootstrap.com/css/#grid-offsetting

Answer 2

Versuchen Sie dies.

.midOne { 
 
    width:41.6667%; 
 
    background-color:red; 
 
    height:100px; 
 
    margin:auto; 
 
    }

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<div class="midOne"> 
 
       <div class="col-md-5 col-xs-5"> 
 
        </div> 
 
    </div>