我正在创建页脚。php用于我的costum主题。

整个页脚充满了/356。在这个容器的中间，还有一个容器，是960/252。在里面我有一些组件（徽标、社交图标、导航、版权）。我想它们也应该放在不同的容器中。在手机上，这一切都应该是响应性的。由于我正在使用Bootstrap进行我的第一步，所以我尝试添加我的自定义样式。我正在改变风格，但它没有反应。你能告诉我方向吗：1）我是否需要将单独的组件（loso、social、nav、copy）放在不同的容器中？2） 如何更改每个容器的样式并保持响应性？

我的页脚。php：

<style>
#ch {
background-color: yellow;
height: 356;
 }

#chuchu {
 background-color: pink;
height: 252;
width: 960;

}
</style>





<?php if(!is_page_template( \'blank-page.php\' ) && !is_page_template( \'blank-
page-with-container.php\' )): ?>
        </div><!-- .row -->
    </div><!-- .container -->
</div><!-- #content -->
<?php get_template_part( \'footer-widget\' ); ?>
<footer id="colophon" class="site-footer" role="contentinfo">
    <div id="ch" class="container-fluid p-3 p-md-5">

    <div id="chuchu"class="row">
<div class="col flex-unordered">
First, but unordered
</div>
<div class="col flex-last">
  Second, but last
</div>
<div class="col flex-first">
  Third, but first
</div>