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

微信公众号
手机浏览(小程序)

Warning: get_headers(): SSL operation failed with code 1. OpenSSL Error messages: error:14090086:SSL routines:ssl3_get_server_certificate:certificate verify failed in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57

Warning: get_headers(): Failed to enable crypto in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57

Warning: get_headers(https://static.shanhubei.com/qrcode/qrcode_viewid_37285.jpg): failed to open stream: operation failed in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57
0
分享到:
没有账号? 忘记密码?