Как вы верстаете на bootstrap 4?

Question

[Alibek Kulseitov]

Как вы верстаете на бутстрап 4 ?
А конкретнее вопрос заключается в использовании display утилит.
Например:

1)

<ul class="nav-bar__menu d-none d-sm-flex">
                    <li>
                        <a href="#" class="nav-bar__menu-link">About</a>
                    </li>
                    <li>
                        <a href="#" class="nav-bar__menu-link">How it works</a>
                    </li>
                </ul>

2)

<ul class="nav-bar__menu">
                    <li>
                        <a href="#" class="nav-bar__menu-link">About</a>
                    </li>
                    <li>
                        <a href="#" class="nav-bar__menu-link">How it works</a>
                    </li>
                </ul>

.nav-bar__menu {
display: flex;
}
@media (max-width: 576px){
	.nav-bar__menu {
		display: none;
	}
}

Какой из вариантов вы используете и почему? Плюсы и минусы?
Как по мне первый вариант быстрый но выглядит грязно. Второй вариант более удобный и правильный?

Comments

[Ярослав Иванов]

Да какой вам удобнее такой и норм. Все время кого-то спрашивать будете ?

[Alibek Kulseitov]

Ярослав Иванов, Да, мне важно не как мне удобней а как принято сейчас. Я стараюсь как можно больше верстать 'правильно', под 'правильно' я имею ввиду сегодняшний стандарт, чтобы было удобно для разработчиков/верстальщиков кто откроет проект после меня.

[Сергей Герасимов]

Зачем в 1ом варианте вы используете свой класс? Тогда можно вообще без бутстрап

[deeppines]

Алибек Кулсеитов, тогда у меня для вас плохие новости, у разных команд и разработчиков, есть свой внутренний порядок и правила и угодить всем не получится.
Если пользуйтесь фреймворком и хотите делать как "правильно", то делайте по документации не изобретая велосипедов.
Либо ориентируйтесь на стайл-гайды Гугла, Яндекса, Твиттера, Фейсбука и других крупных компаний разработчиков.