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

时间:2017-11-20 09:13:30

标签: php html css wordpress wordpress-theming

我正试图制作我网站的页脚。我想改变风格。

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>

1 个答案:

答案 0 :(得分:0)

除了Bootstrap类,您可以自己应用

<footer class="container-fluid my-custom-class" style="margin-top: 30px;"> 

然后在CSS中选择此类并应用您需要的样式。请注意,Bootstrap可以覆盖某些属性(如 width )。

希望这有帮助。