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

Frontend developer Bootstrap 4
1

Хочу попробовать сделать что то типа панели с кнопками с дизайном, в bootstrap не силен, поэтому прошу вашей помощи, нужно что бы было 6 кнопок расположенных рядом, стили я сам пропишу, мне главное структуру классов понять и усвоить)

2 

<div class="btn-toolbar" style="justify-content: center;">

        <div class="btn-group-lg">

            <button class="btn">Главная

            <button class="btn">Контакты

            <button class="btn">Отзывы

            <button class="btn">Товары

            <button class="btn">Сотрудничество

            <button class="btn">Корзина

Вот такой пример, это как бы навбар, но из кнопок его делать конечно глупо, но смотрится просто не плохо, названия можешь переделать под себя, внизу докинул тебе стилей, так что смотреться должно не так уж плохо, хотя сейчас в моде прозрачный навбар)

.btn-group-lg{

    background: gray;

    padding: 10px;

    border: 1px solid;

    border-radius: 6px;

}

        .btn {

            background-color: rgba(15, 15, 21, 0.58);

            color: blanchedalmond;

            transition: 0.1s;

        }



        .btn:hover {

            background-color: rgba(121, 121, 134, 0.58);

            color: #e0ffb1;

        }

Если смотреть по структуре то когда мы прописываем наружному элементу класс btn-toolbar то внутренний, вложенный в него становится меньше, и обретает очертания конечного блока)