Можно ли использовать margin внутри row или column?

Можно ли добавлять margin-bottom, элементу .section__header? (несмотря на то что они находятся внутри .col и .row) Чтобы не трогать классы .col или .row, у bootstrap? Не трогать, имеется ввиду даже не добавлять им микс. Встроенные в bootstrap mb-5, например. не подходят. Нужен точечный подход в пикселях.
По хорошему, думаю всё таки нужно добавлять отступ "крайним" элементам - в данном случае это row. Или возможно обернуть .row, в какой либо свой класс и уже этому своему классу, добавить margin-bottom?

/* HTML */
<section class="section">
    <div class="container">

        <div class="row">
            <div class="col-lg-12">
                <div class="section__header">
                    <h2 class="section__title">Latest Works</h2>
                    <p class="section__text">Lorem ipsum dolor sit amet, consectetur adipisi</p>
                </div>
            </div>
        </div>

        <div class="row">
             <div class="col-lg-12">
                 <div class="works__menu">
                     <ul class="works__ul">
                         <li class="works__li">
                             <button class="button works__button">All</button>
                         </li>
                         <li class="works__li">
                             <button class="button works__button">Web design</button>
                         </li>
                         <li class="works__li">
                             <button class="button works__button">UI/UX design</button>
                         </li>
                         <li class="works__li">
                             <button class="button works__button">Mockups</button>
                         </li>
                     </ul>
                 </div>
             </div>
         </div>

     </div>
</section>

/* CSS */
.section__header {
    max-width: 630px;
    margin: 0 auto 115px;

    text-align: center;
}