Bootstrap에서 요소의 고정 너비를 설정하는 방법은 무엇입니까?

의 고정 너비를 설정하는 방법 부트스트랩

HTML 테이블 내에서 테이블 데이터() 요소로 작업할 때 일관된 정렬과 가독성을 보장하기 위해 이러한 요소에 대해 고정 너비를 지정해야 할 수도 있습니다. 이 글에서는 사용 중인 Bootstrap 버전에 따라 이를 달성하기 위한 다양한 방법을 안내합니다.

Bootstrap 4.0

Bootstrap 4.0.0의 경우 col-* 클래스를 사용하여 의 너비 설정 요소는 신뢰할 수 없습니다. 대신 다음 접근 방식을 활용할 수 있습니다.

<tr>
  <th>

Bootstrap 3.0

Bootstrap 3.0에서는 "col-md-*" 클래스를 사용하여 <에 고정 너비를 할당할 수 있습니다. ;td> 테이블 행 내의 요소:

<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" 클래스는 "col-md-"과 동일한 용도로 사용됩니다. Bootstrap 3.0:

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

중요 고려 사항