响应式框架Bootstrap

Use Responsive Design with Bootstrap Fluid Containers


现在让我们回到我们的Cat Photo应用。这次,我们将用流行的响应式框架Bootstrap来美化它。

Bootstrap将会根据你的屏幕的大小来调整HTML元素的大小 —— 强调 响应式设计的概念。

通过响应式设计,你无需再为你的网站设计一个手机版的。它在任何尺寸的屏幕上看起来都会不错。

你仅需要通过添加下列代码到你的HTML开头来将Bootstrap添加到任意应用中:

<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css"/>

在此案例中,我们已经帮你把上述代码添加到页面中。

首先,我们需要把所有的HTML内容放在class为container-fluiddiv下。



阅读更多
文章标签: freeCodeCamp学习
想对作者说点什么? 我来说一句

Bootstrap响应式框架Flatlab_Admin源码

2018年01月18日 1.34MB 下载

没有更多推荐了,返回首页

不良信息举报

响应式框架Bootstrap

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭