字体 Awesome sizes for icons on nav-bar

问：

我怎样才能在网站中使字体真棒图标更大？我使用了 Creative Tim 的模板来制作一个登陆页面（使用的模板 = 纸套件）。 但是在导航栏中，我有三个 youtube、instagram 和 facebook 图标，我无法更改大小。有人知道如何做到这一点吗？

当设备太小时，元素会显示在横向条中，但它们对于移动设备来说太小了，我还需要将它们放大。 希望有人能帮助我！ 这是我第一次使用模板，我是 Web 开发领域的新手。 请善待！

这是我遇到麻烦的导航栏代码：

    <nav class="navbar navbar-default" role="navigation-demo" id="demo-navbar">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigation-example-2">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#"><img src="#" alt="Bootstrap" width="45" height="45"></a><span class="brand-text">Logo brand</span>
        </div>
          

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="navigation-example-2">
          <ul class="nav navbar-nav navbar-right">
            <li>
                <a href="#" class="btn btn-simple"><i class="fa fa-youtube"></i></a>
            </li>
            <li>
                <a href="#" class="btn btn-simple"><i class="fa fa-instagram"></i></a>
            </li>
            <li>
                <a href="#" class="btn btn-simple"><i class="fa fa-facebook"></i></a>
            </li>
           </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-->
    </nav> 

我试图让它变大，但它看起来是一样的，改变字体大小，大小。我什至使用了 ！important，使用了 fa-2x 的 clases，尝试修改导航栏的不同组件，但无法成功。