Почему в Bootstrap «фиксированное дно» делает кнопки полной шириной, а в противном случае это не так? ⇐ CSS

[Anonymous]

На простой странице мне нужна одна кнопка вверху и две кнопки внизу. При прочих равных условиях, когда я добавляю класс «fixed-bottom» в div, содержащий кнопки, которые нужно закрепить внизу, это приводит к тому, что кнопки охватывают всю ширину контейнера. Но когда «fixed-bottom» не используется, кнопки автоматически имеют нужные мне отступы, но, очевидно, находятся не в том месте, где я хочу.
Я хочу, чтобы кнопки были закреплены на снизу, чтобы иметь такое же дополнение, как и сверху. Есть ли быстрый способ сделать это (дополнительный/другой класс, который мне не хватает?) или мне нужно будет вернуться и добавить свой собственный класс CSS, чтобы применить его ко всем кнопкам, чтобы сохранить постоянную ширину?Это приложение .Net MAUI, использующее Blazor Hybrid и Bootstrap, и пример запускается в эмуляторе Android на случай, если что-то из этого имеет значение.
Пример пытается используйте класс с фиксированным дном. Я хочу, чтобы кнопки располагались в этом месте, но не занимали всю ширину:

Код: Выделить всё

Sync Lookup Values

Logout

Change Environment

Пример: я просто удаляю класс с фиксированным дном. Теперь кнопки имеют тот размер, который мне нужен, но расположены не там, где мне нужно:

Код: Выделить всё

Sync Lookup Values

Logout

Change Environment

Подробнее здесь: https://stackoverflow.com/questions/791 ... -otherwise