如何使用自定义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>

#1

除了Bootstrap类, 你还可以应用自己的类

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

然后只需在CSS中选择此类并应用所需的样式即可。注意, 因为某些属性(例如width)可能会被Bootstrap覆盖。

希望这可以帮助。

来源：

https://www.srcmini02.com/65474.html

#1

猜你喜欢