如何使用自定义css在boostrap中设置容器样式?

我正在努力使我的网站页脚。我想改变一下风格。

1) 我可以创建一个自定义样式表并将其包含到页脚文件中吗?

如果是,我是否需要为我想要选择的任何元素创建一个新的div,或者可以使用Bootstrap提供的类?

例如,我在上面创建了一个div,然后在样式文件中添加了#mydiv?

还是有更好的解决方案?

<div id="mydiv">
            <footer class="container-fluid" style="margin-top: 30px;"> 

            <div class="row">
            <div class="col-md-4"><img src="<?php echo get_template_directory_uri();?>/img/footer_logo.png"></div>
            </div>


            <div class="row">
            <div class="col-md-4"><img src="<?php echo get_template_directory_uri();?>/img/ico.png"></div>
            </div>

            <div class="row">
            <div class="col-md-4">
            <a href="https://www.w3schools.com">xx</a>
            <a href="https://www.w3schools.com">xxx</a>
            <a href="https://www.w3schools.com">xxx</a>
            <a href="https://www.w3schools.com">xxx[enter image description here][1]</a>

            </div>
            </div>

            <div class="row">
            <div class="col-md-4">2004-2017. All 
          rights reserved.</div>
            </div>


            </footer>

            </div>