Question

我正在使用asp.net，并且我一直在努力增加asp.net核心默认Web项目中文本框的大小/长度。我尝试使用此代码更改html中文本框的大小，并且它在chrome中工作但是当我在asp.net中使用相同的格式时根本没有结果。我的代码是（input asp-for="Name" class="form-control）。

我尝试在css中使用size，width甚至样式，但文本框的长度与之前相同。我希望屏幕左侧的尺寸形式为右端，即尺寸= 300。

请帮我完成它。

Answer 1

这是关于bootstrap的这个问题的一个非常好的解释：https://www.w3schools.com/bootstrap/bootstrap_forms_sizing.asp

这里有3种不同的尺寸：

<form>
    <div class="form-group">
      <div class="col-xs-2">
        <label for="ex1">col-xs-2</label>
        <input class="form-control" id="ex1" type="text">
      </div>
      <div class="col-xs-3">
        <label for="ex2">col-xs-3</label>
        <input class="form-control" id="ex2" type="text">
      </div>
      <div class="col-xs-4">
        <label for="ex3">col-xs-4</label>
        <input class="form-control" id="ex3" type="text">
      </div>
    </div>
  </form>

div class col-xs-X定义输入的大小。

你也可以给输入一个类，并在css中使用！important来覆盖引导设置：

<强> HTML

<input type="text" name="email" class="smallInput">

<强> CSS

.smallInput {
   width: 50px !important;
}

增加<input type =“text”/>的长度

1 个答案: