Блог

Главная - Вопросы по программированию - класс текстового поля начальной загрузки «form-control» не изменится в размере

класс текстового поля начальной загрузки «form-control» не изменится в размере

#html #asp.net #twitter-bootstrap-3

#HTML #asp.net #twitter-bootstrap-3

Вопрос:

Я пытался создать форму при использовании темы начальной загрузки, но когда я добавляю class =»form-control» поверх asp: textbox, кажется, что размер текстового поля ограничивается довольно небольшим размером. Даже если бы я поставил style =»width: 500px» или любое другое число, размер вообще не изменился.

Есть ли причина, по которой они привязаны к определенному размеру? если это так, я не уверен, где в bootstrap за это отвечает.

<————- РЕДАКТИРОВАТЬ—————————>

  <div class="panel panel-primary">
  <div class="panel-heading">
    <h3 class="panel-title text-center">Submit Idea</h3>
  </div>
  <div class="panel-body">
     <table border="0" class="nav-justified">
          <tr>
              <td style="width: 185px">
      <label for="inputTitle" class="col-lg-2 control-label">Title:</label></td>
              <td style="width: 149px"><asp:RequiredFieldValidator controltovalidate="inputTitle" ID="TitleValidator0" runat="server" ErrorMessage="*Title is required" ForeColor="Red"></asp:RequiredFieldValidator>      
              </td>
              <td>      
          <asp:TextBox class="form-control"  style="width:1000px;" ID="inputTitle" runat="server" placeholder="Title"></asp:TextBox>

Комментарии:

1. Для этого может быть несколько причин (например, контейнер с фиксированным размером ширины). Пожалуйста, предоставьте какой-нибудь код, с которым мы можем справиться, иначе будет невозможно узнать, что именно идет не так. Добро пожаловать в stack overflow!

2. @DavideVitali Извините, что не добавил код, я добавил его сейчас. Итак, мой код находится в таблице внутри панели, потому что я пытался организовать его определенным образом. Но даже когда код не был в таблице и находился в jumbotron, а не на панели, он все равно делал то же самое, ширина установлена на 1000 только потому, что я пытался сделать его действительно большим, чтобы увидеть, изменяется ли его размер.

3. Начиная с версии 4, Bootstrap удалил panel компонент … docs

4. @DavideVitali Я использую bootstrap 3, но он не позволил мне использовать это в тегах. Я использую проект веб-формы шаблона Visual-studio, поэтому он поставляется с начальной загрузкой по умолчанию 3

5. Я предлагаю вам начать с нуля с последней версии … шаблон с устаревшей версией? Ни в коем случае!