Bootstrap을 사용하여 HTML 테이블의 요소에 대해 고정 너비를 어떻게 설정합니까?

의 고정 너비 HTML 테이블

HTML에서 테이블 셀()에 고정 너비를 설정하려면 사용 중인 Bootstrap 버전에 따라 다양한 접근 방식을 취할 수 있습니다.

Bootstrap 4.0

Bootstrap 4.0에서는 col-* 클래스만으로는(예: col-md-3) 브라우저 호환성 문제로 인한 요소. 대신 다음을 권장합니다.

<tr>
  <th>

Bootstrap 3.0

Bootstrap 3.0에서는 col-md- 클래스를 사용하여 고정 너비를 설정할 수 있습니다. 여기서 은 너비의 열 수를 나타냅니다. 원하는:

<tr>
  <td class="col-md-2">A</td>
  <td class="col-md-3">B</td>
  <td class="col-md-6">C</td>
  <td class="col-md-1">D</td>
</tr>

Bootstrap 2.0

Bootstrap 2.0의 경우 대신에span* 클래스를 사용해야 합니다:

<tr>
  <td class="span2">A</td>
  <td class="span3">B</td>
  <td class="span6">C</td>
  <td class="span1">D</td>
</tr>

중요 참고 사항:

언제 이러한 기술을 사용하는 경우, 요소가 테이블에도 존재하는 경우 너비를 <번째> 일관성을 보장하는 요소입니다.

위 내용은 Bootstrap을 사용하여 HTML 테이블의 요소에 대해 고정 너비를 어떻게 설정합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!