如何行下拉菜单项，而不是水平的垂直形式

Question

我的设计有一些下拉这些都是垂直线菜单项的导航栏，我怎么把他们放在并排水平线或侧面？我的下拉菜单中的代码....登录

                  Log In Via:
                  <div class="social-button">
                    <a href="#" class="btn btn-fb"><i class="fa fa-facebook"aria-hidden="true">Facebook</i></a>
                    <a href="#" class="btn btn-tw"><i class="fa fa-twitter" aria-hidden="true">Twitter</i></a>
                    <a href="#" class="btn btn-ins"><i class="fa fa-instagram" aria-hidden="true">Instagram</i></a>

                  </div>

              </div>
            </li>
          </ul>
        </li> 

Answer 1

    <div class="social-button d-flex flex-row">
       <a href="#" class="btn btn-fb"><i class="fa fa-facebook"aria-hidden="true">Facebook</i></a>
       <a href="#" class="btn btn-tw"><i class="fa fa-twitter" aria-hidden="true">Twitter</i></a>
       <a href="#" class="btn btn-ins"><i class="fa fa-instagram" aria-hidden="true">Instagram</i></a>
    </div>

如果使用的是引导4

此外，看看弯曲，这是非常重要的:) https://getbootstrap.com/docs/4.1/utilities/flex/