Önyükleme sırasında sütun içindeki denetimleri nasıl hizalarsınız?

Question

İşte kodum.

<div class="col-lg-4"> 
    <label>ID Expire</label> 
    <div class="row "> 
    <div class="col-lg-5"> 
     <input type="text" class="form-control input-sm" id="TextIDExpire" /> 
    </div> 
    <div class="col-sm-4"> 
     <button class="btn btn-default form-control " id="BtnBrowsePhoto"> Browse <i class="glyphicon glyphicon-folder-open"></i> </button> 
    </div> 
    <div class="col-lg-3"> 
     <button class="btn bg-yellow form-control" id=" btnviewphoto"> View <i class="glyphicon glyphicon-eye-open"></i> </button> 
    </div> 
    </div> 
</div> 

Beklenen çıkış

ama ben yapmak istiyorum controls.What arasında fazla beyaz boşluk var. Beni

Answer 1

bir görüntü ortalamak istiyorum yardım edin, çok kolay, önyükleme iki sınıf .center-block ve text-center ile gelir, resim bir BLOCK eleman örneğin olma durumunda eski kullanın. img'a img duyarlı sınıf eklemek, img'u bir blok öğesi yapar; web konsolunda gezinmeyi ve uygulanan stilleri bir öğeye nasıl uygulayacağınızı biliyorsanız bunu bilmelisiniz.

Sınıf kullanmak istemiyorsanız, sorun yok, CSS bootstrap'in kullanımı burada, custome sınıfı oluşturabilir veya elemanın bootstrap sınıfıyla eşleşmesi için bir CSS kuralı yazabilirsiniz.

// in case your dealing with a block element apply this to the element itself 
.center-block { 
    margin-left:auto; 
    margin-right:auto; 
    display:center; 
} 
// in case your dealing with a inline element apply this to the parent 
.text-center { 
    text-align:center 
}