需要放大文本输入引导

我一直在努力使文本输入栏'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

需要放大文本输入引导

回答

相关问题