需要放大文本輸入引導

我一直在努力使文本輸入欄'txtProduct'變大。我有一些輕微的成功，但似乎字段的內聯性質禁止我使用bootstrap正確執行此操作。我想這是一個簡單的修復，但我不是前端人員。請提出任何建議。我想它是像col-md-10或其他什麼東西...需要放大文本輸入引導

我需要第一個文本字段大得多。

<div class="row"> 
     <div class="col-md-2"></div> 
     <div class="col-md-8"> 
      <p class="lead">xxxxx</p> 
      <form class="form-inline"> 
       <div class="form-group col-xs-push-10 col-md-pull-10"> 
         <input class="form-control input-lg" id="txtProduct" name="txtProduct" type="text" placeholder="e.g. ALFALFA SPROUTS" autocomplete="on"> 
        </div> 
       <div class="form-group"> 
        @Html.DropDownListFor(x => x.Markets, new SelectList(Model.Markets, "Value", "Text"), new { @class = "form-control input-lg" }) 
       </div> 
       <button type="button" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-search"></span></button> 
      </form> 
      <div id="status" name="status"></div> 
     </div> 
     <div class="col-md-2"></div> 
    </div>

來源

2016-03-19 Waragi

這可能會這樣做。無論是在頂部納入你的CSS文件，或者將其粘貼在正文：

<style> 
    .input-lg {font-size:2rem;padding:3px 7px;} 
</style>

實驗與字體大小 - 這主要是什麼使輸入字段較大，雖然你也可以使用height:2rem;和width:3rem;大小該字段不改變文字大小。

此外，知道字體大小px，em，rem和vw/vh之間的區別。很多很好的解釋谷歌能夠，特別是從css-tricks.com。

來源

2016-03-19 03:26:30 gibberish

您可以嘗試使輸入類型文本元素字體大小放大。

input[type='text']{ 
font-size: 20px; 
}

來源

2016-03-19 03:57:03 hmjha

需要放大文本輸入引導

回答

相關問題