Bootstrap2 input-small無法在手機上工作

Question

我有這段代碼，我正在使用input-small來縮短我的文本框寬度。它適用於臺式機和平板電腦，但不適用於手機。

<div class="input-append date"> 
    <input id="month" type="text" placeholder="Select Month" class="input-small"><span class="add-on"><i class="icon-th"></i></span> 
</div> 

在桌面&平板

難道沒有工作的手提電話，但：

我如何能解決這個任何想法？提前致謝。

Answer 1

在你的引導，responsive.css，還有更具體的CSS在騎着：

.input-prepend input, 
    .input-append input, 
    .input-prepend input[class*="span"], 
    .input-append input[class*="span"] { 
    display: inline-block; 
    width: auto; 
    } 

要更改所有.input-append使用該.input-small寬度，這樣做後所有其他的CSS：

@media (max-width:767px) { 

    .input-append .input-small {width:90px;} 

} 

或更具體如果你只想處理.input-append。

@media (max-width:767px) { 

    .small-input-append.input-append .input-small {width:90px;} 

} 

您的HTML改爲：

<div class="small-input-append input-append date"> 
    <input id="month" type="text" placeholder="Select Month" class="input-small"><span class="add-on"><i class="icon-th"></i></span> 
</div>