Как изменить ширину ввода текста в таблице начальной загрузки?

Question

Я использую Bootstrap 2.3, и у меня есть 7 полей ввода текста внутри таблицы, в которой используется стиль таблицы начальной загрузки. Я хотел бы изменить размер (или уменьшить ширину) этих текстовых входов вместо того, чтобы использовать всю ширину ячейки таблицы, но я не мог этого сделать

Я попытался использовать класс span1, но он не сжимал их хорошо , Итак, есть ли способ минимизировать размер или ширину всех полей ввода текста в ячейке таблицы?

Вот мой код:

<table class="table table-bordered"> 
       <thead> 
        <tr> 
         <th>Exercise</th> 
         <th>Exercise Code</th> 
         <th>Initiated by</th> 
         <th>Initiated on</th> 
         <th>Done by</th> 
         <th>Q1</th> 
         <th>Q2</th> 
         <th>Q3</th> 
         <th>Q4</th> 
         <th></th> 
        </tr> 
       </thead> 
       <tbody> 
        <tr> 
         <td> 
          <input type="text" class="input-mini span1" /> 
         </td> 
         <td> 
          <input type="text" class="input-mini span1" /> 
         </td> 
         <td> 
          <input type="text" class="input-mini span1" /> 
         </td> 
         <td> 
          <input type="text" class="input-mini span1" /> 
         </td> 
         <td> 
          <input type="text" class="input-mini span1" /> 
         </td> 
         <td> 
          <input type="text" class="input-mini span1" /> 
         </td> 
         <td> 
          <input type="text" class="input-mini span1" /> 
         </td> 
         <td> 
          <input type="text" class="input-mini span1" /> 
         </td> 
         <td> 
          <input type="text" class="input-mini span1" /> 
         </td> 
         <td> 
          For Action 
         </td> 
        </tr> 
       </tbody> 
      </table> 

Answer 1

Поскольку у вас есть доступ к JQuery, попробуйте сделать это в вашем <header> области HTML, но убедитесь, что он все-таки Javascript включает.

<script type="text/javascript"> 
    $(".span1").css("width", "10px"); 
</script> 

Если это работает, я думаю, вам нужно обновить исходное сообщение, чтобы показать все ваши js/css. Кажется, у вас просто что-то не в порядке.

--Original Ответ Below--

Не могли бы вы не просто добавить запись CSS в вашем заголовке, как:

.table > input[type="text"] { 
    width: 10px; 
} 

Единственный минус в том, что это приведет к изменению всех типов таблицы = текстовые элементы, используйте класс .table.

Итак, вместо этого, у таблицы есть тег span1 и изменить приведенный выше код, чтобы отразить его?

.span1 > input[type="text"] { 
    width: 10px; 
} 

* Примечание: убедитесь, что это ПОСЛЕ того, как вы ссылаетесь на загрузку css.