ASP.NET MVC 5引导文本框宽度大小

我想要一个更宽的文本框。我有以下代码，但文本框仍然不那么宽。我希望它基本占用屏幕的50％。基本上，所以它看起来像google.comASP.NET MVC 5引导文本框宽度大小

<div class="row"> 
    <div class="col-lg-12" style="margin: 5px auto; text-align: center; background-color: Red"> 
     <input type="text" name="txtVideo" class="form-control input-lg" style="margin: 0px auto" /> 
    </div> 
</div>

我基本上希望这个文本框是此行中唯一的事，并采取了屏幕的50％。当我做col-lg-1时，它就在左边。我想我真的不明白col-lg-＃是什么。

来源

2014-03-30 user441521

Bootstrap基于12的网格，所以屏幕的一半将为6.如果要将它居中，则可以将它推到3。

<div class="row">   
    <div class="form-group"> 
     <div class="col-xs-6 col-xs-push-3" > 
      <input name="txtVideo" class="form-control" /> 
     </div> 
    </div> 
</div>

我从xs指定了大小，所以如果视口小于lg，它仍然是视口的50％。如果你想要它大到50％，小时不同，结合lg，md，sm和xs类来满足你的需求。

来源

2014-09-03 23:51:12

的site.css是罪魁祸首

变化根据您的要求的最大宽度值。我找出这个了3天：P

/* Set width on the form input elements since they're 100% wide by default */ 
input, 
select, 
textarea { 
    max-width: 230px; 
}

来源

2015-09-21 14:27:50 Mohsan

我必须寻找其他972个堆栈溢出的问题和答案看到的site.css（从这个答案）在谷歌，这终于解开了一个新奇的非我的问题之前，种植文本框。 –

谢谢......我也一直在寻找这个很多。 –

ASP.NET MVC 5引导文本框宽度大小

回答

相关问题