увеличить длину <input type = "text">

Question

Я работаю с asp.net, и его было давно, что я пытался увеличить размер/длину текстового поля в веб-проекте asp.net core default. Я попытался изменить размер текстового поля в html, используя этот код, и он работает в chrome, но когда я использую тот же формат в asp.net, результата совсем нет. мой код (input asp-for="Name" class="form-control).

Я пробовал использовать размер, ширину даже стилей в css, но длина текстового поля такая же, как раньше. Я хочу, чтобы форма размера слева от экрана была в правом конце i.e size = 300.

Пожалуйста, помогите мне сделать это.

Answer 1

Вот действительно хорошее объяснение по этому поводу для начальной загрузки: 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> 

Класс, ДИВО Col-хз-X определяет размер входных данных.

Вы также можете дать вход класс и в использовании CSS важно для параметров Bootstrap:

HTML

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

CSS

.smallInput { 
    width: 50px !important; 
}