Javascript 如何制作'；。盒子'；响应性和其中的元素，如下拉按钮、文本等。？

我已经使我的横幅/标题响应，我会把这些下拉按钮放在一个框中（我希望它可以吗？）。我还不熟悉bootstrap（更像是所有东西的新手），只是从演示中复制了代码。我只需要让这个盒子和里面的其他盒子一起响应。如果盒子不是正确的东西，尽管它有点好，那么请提供任何建议。谢谢

以下是我的全部资料：

img.img-responsive{
保证金：自动；
}
桅顶{
高度：1000px；
对齐：居中；
背景图片：url（“../img/lEy8hs2.jpg]”）；
背景附件：固定；
背景重复：无重复；
}
身体{
字体系列：投石机MS，Arial，Helvetica，无衬线；
背景图片：url（../img/lEy8hs2.jpg）；
背景重复：无重复；
背景附件：固定；
}
.盒子{
字号：700；
盒影：插入2px 2px 10px 10px#FC2B48；
边界半径：100px；
背景色：#7D00C1；
填充：50px 100px 50px；
利润率：50像素；
左边距：200px；
宽度：950px；
高度：1800px；
颜色：##FFE900；
字号：900；
}
/******************************************************
圆形按钮
******************************************************/
.btn主要{
背景色：#BC1A45；
颜色：#FFFD7C；
}
.btn-lg圆形{
边界半径：32px；
}
/******************************************************
凸起的按钮
******************************************************/
.btn-primary.raised{
盒影：0 3px 0 0#51096D；
}
.btn主。已提升：活动，
.btn-primary.raised.active{
背景：#D31B4C；
盒影：无；
利润底部：-3px；
利润上限：3倍；
}
.box2{
利润率：100像素；
左边距：300px；
宽度：300px；
高度：100px；
颜色：#F2F918；
}

科技的！


主页
陈列室






人物








额外费用










关于








您正在使用引导，为什么不利用引导容器和网格系统呢


...
您应该使用引导的网格系统使整个页面响应

对于超大屏幕-使用
列xs
对于小屏幕-使用
col sm
对于中等屏幕-使用
col md
对于大屏幕-使用
col lg
如果你想让div具有响应性，为什么你要用严格的高度和宽度来设计样式？你的代码有错误我认为当把它作为
时会导致错误。col-xs-12
它应该是html中的
col-xs-12
和jade中的
.col-xs-12
<div class="container">
    <div class="box col-xs-12 col-md-8">  <!-- just dont give width to .box class in css-->
    ...
    </div>
</div>