我们可以结合网格和 Bootstrap4 的 card 与 cardbody 类来创建一个简单的卡片实现效果如图6 折叠 实现效果如图7 链接列表组 实现效果如下8最后再增加一个页尾，然后完善下就完成了一个公司页面页尾效果如图整个网页最后的实现效果为图片上传失败image6307a3。

lt！ifltIE9 拖动浏览器窗口大小，查看效果 实现原理CSS媒体查询，比如下面这个类只在1200px以上的时候起作用 mediaminwidth1200pxvisiblelg displayblock！important。

Bootstrap是Twitter推出的一个用于前端开发的开源工具包它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSSHTML框架是一个做网页的框架目前最流行的WEB前端框架，就是说你只需要写HTML标签调用它的类你就可以很快速的做一个高大上的网页，你不用担心兼容问题，提供了很多样式供你。

这么说吧移动端软件设计只需要切成图就好，不过移动端网页的话也是要写成html的bootstrap只是一个css的一个框架，不过你要使用他也需要了解一些htmlcssdiv的知识，如果你了解这些知识，bootstrap的确会给你带来便利dw是网页制作的工具其实htmlcssdiv入门挺快的，而且做设计的学点htmlcss。

bootstrap常用的几种布局 一静态布局StaticLayout这是传统Web设计方式，网页上的所有元素尺寸统一使用px单位布局特点网页布局固定，不受浏览器尺寸变化影响优点设计和CSS编写简单，无兼容性问题缺点不能根据用户屏幕尺寸变化自适应二流式布局Liquid Layout页面元素宽度随屏幕分辨率调整。