Как сделать кнопку не обрезанной?

В Bootstrap есть несколько способов сделать кнопку необрезанной, в зависимости от того, что вы ищете. Вот некоторые из них:

1. Использование класса "btn-block": Если вы хотите сделать кнопку на всю ширину родительского контейнера, вы можете добавить класс "btn-block" к элементу кнопки. Например:

<button class="btn btn-block">Кнопка</button>

Это поместит кнопку на всю доступную ширину контейнера.

2. Изменение стилей с помощью CSS: Если вам нужно настроить кнопку вручную, вы можете добавить свои собственные стили в файл CSS. Например, вы можете указать ширину кнопки в пикселях или процентах. Например:

<button class="btn custom-button">Кнопка</button>

.custom-button {
  width: 100%;
}

Это пример создания класса "custom-button", который задает кнопке ширину в 100% от родительского контейнера.

3. Использование сетки Bootstrap: Если вы хотите создать несколько кнопок в одной строке и иметь возможность контролировать их ширину, вы можете использовать сетку Bootstrap. Например:

<div class="row">
  <div class="col-sm-6">
    <button class="btn btn-block">Кнопка 1</button>
  </div>
  <div class="col-sm-6">
    <button class="btn btn-block">Кнопка 2</button>
  </div>
</div>

Этот пример создает две кнопки, которые занимают по половине доступной ширины контейнера.

Это только несколько примеров того, как можно сделать кнопку необрезанной в Bootstrap. Вы также можете использовать другие классы или свойства CSS, чтобы добиться нужного результата, в зависимости от вашей конкретной ситуации.