Как расстянуть элемент списка на ширину блока?

Для того чтобы расстянуть элемент списка на ширину блока в Bootstrap, можно использовать класс "w-100". Этот класс устанавливает ширину элемента на 100% от ширины его родительского блока.

Пример использования данного класса приведен ниже:

<ul class="list-group">
  <li class="list-group-item w-100">Элемент списка 1</li>
  <li class="list-group-item w-100">Элемент списка 2</li>
  <li class="list-group-item w-100">Элемент списка 3</li>
</ul>

В данном примере каждый элемент списка будет растянут на всю ширину своего родительского блока, в данном случае это блок с классом "list-group".

Обратите внимание, что класс "w-100" является частью системы сетки Bootstrap и эффективно использует CSS свойство "width: 100%" для растягивания элементов.

Также стоит отметить, что класс "w-100" может применяться не только для элементов списка, но и для других элементов интерфейса, которые нужно растянуть на всю ширину родительского блока.

Надеюсь, эта информация поможет вам использовать класс "w-100" для расстягивания элемента списка на ширину блока в Bootstrap. Если у вас возникнут дополнительные вопросы, пожалуйста, задайте их.