Bootstrap <input>不佔用100％空間

我複製下面的代碼形式bootstrap site。Bootstrap <input>不佔用100％空間

<div class="row"> 
    <div class="col-lg-6"> 
    <div class="input-group"> 
     <span class="input-group-btn"> 
     <button class="btn btn-default" type="button">Go!</button> 
     </span> 
     <input type="text" class="form-control" placeholder="Search for..."> 
    </div><!-- /input-group --> 
    </div><!-- /.col-lg-6 --> 
    <div class="col-lg-6"> 
    <div class="input-group"> 
     <input type="text" class="form-control" placeholder="Search for..."> 
     <span class="input-group-btn"> 
     <button class="btn btn-default" type="button">Go!</button> 
     </span> 
    </div><!-- /input-group --> 
    </div><!-- /.col-lg-6 --> 
</div><!-- /.row -->

該html標記不佔用所有6列。我正在使用twitter bootstrap 3.3.4並試圖在我的MVC4應用程序中實現這一點。

有沒有人遇到過這樣的問題？

來源

2015-07-03 user2243747

檢查由visual studio創建的Site.css。有可能是CSS代碼，它覆蓋引導css –

謝謝@AliRızaAdıyahşi你的猜測是正確的。 site.css中有樣式，它將最大寬度設置爲280像素。感謝您的快速響應。 – user2243747

-2

只要打開你的MVC項目，

轉到內容>的site.css

input, 
select, 
textarea { 
    max-width: 280px; 
}

當您創建MVC應用程序，它的默認設置輸入控件大小

做，嘗試再次。

來源

2015-07-03 06:35:20 Punit

Bootstrap <input>不佔用100％空間

回答

相關問題