Загрузочный ввод 100% ширина не работает

Я строю тестовый проект, чтобы получить немного больше знаний с Bootstrap, но у меня возникла проблема с размерами ввода.Загрузочный ввод 100% ширина не работает

Я разместил простой текстовый объект внутри тега div, и ширина этого объекта автоматически устанавливается на 100% ширину. Тем не менее, div был установлен как отображаемый как половинная, так и полная ширина экрана (в зависимости от размера браузера), но независимо от того, какая ширина текстового поля не будет превышать примерно 280 пикселей. Это будет радостно идти меньше, чем это, но никогда не будет шире.

Я проверил и могу подтвердить, что родительский объект этого поля имеет правильную ширину, но по какой-то причине ящик отказывается его заполнять. Кто-нибудь знает, почему это может произойти? Код, я использую ниже:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> 
 

 
<div class="row"> 
 
    <div class="col-xs-12 col-md-6"> 
 
    <div class="form-group"> 
 
     <label for="txt_Address1">Address 1</label> 
 
     <input type="text" class="form-control" id="txt_Address1" /> 
 
    </div> 
 
    </div> 
 
</div>

Благодаря

источник

2016-06-07 James Peel

Можете ли вы воспроизвести это в 'jsfiddle'? –

Не могли бы вы разместить дополнительный код css. Вот скрипка: https://jsfiddle.net/oumt8u1q, и она работает нормально. –

До сих пор я просто использую стандартный bootstrap css, я пока не внес никаких изменений. Я только что попробовал это на jsfiddle, и он работает так, как я ожидал, но это не в моем локальном проекте. Я сохранил его здесь. Https://jsfiddle.net/s3LtLetp/ –

Я столкнулся с той же проблемой, я использовал Developer Tools в IE и site.css было это:

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

После снятия он пошел на 100%. Для меня Visual Studio создает проект веб-сайта и по умолчанию помещает его в Site.css.

источник

2016-08-18 17:42:26

Загрузочный ввод 100% ширина не работает

ответ

Смежные вопросы