![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bootstrap
你好牛蛙
我是大帅比
展开
-
一个简单的栅格实例之缩略图
一个小小的响应式页面设计做四个类似于bootstrap官网上的这个缩略图,缩略图,咱这个地方的缩略图就是上面一个图片,下面有文字解释的东西,然后我们这里设计的这四个缩略图是要符合响应式页面的,就是可以跑在多个终端上面,这里的四个图会根据页面大小来进行换行步骤:先引入bootstrap的jquery文件再引入bootstrap的bootstrap.js文件写一个固定容器去bootstrap官网粘贴缩略图的代码复制到固定容器里面修改相关信息在我们写很多样式的时候,我们都可以用这个步骤,最主要原创 2020-11-07 18:11:47 · 490 阅读 · 1 评论 -
移动端响应式页面的兼容和网页的渲染
移动端响应式页面的兼容<meta name="viewport" content="width=device-width, initial-scale=1">这个标签的解释:这是针对移动网页标签,即我们写的网页如果要跑在移动端上的话,一般我们就要写这个东西,而且要写在引入其他文件的标签的前面viewportviewport是用户网页的可视区域,即视区,手机浏览器是把页面放在一个虚拟的窗口即viewport中,通常这个虚拟的窗口(viewport)比屏幕宽,这样就不用把每个网页挤到很小原创 2020-11-07 12:07:49 · 461 阅读 · 1 评论 -
栅格系统源码分析
栅格的行:源码中,.row的函数体是.make-row这里行的margin(外边距)都设置为负槽宽的一半在效果中是这样原创 2020-11-04 21:27:17 · 1298 阅读 · 6 评论 -
bootstrap之容器
响应式页面:一套代码可以跑多个终端,而且会随着终端的变化或者页面的大小会改变样式原创 2020-10-27 10:37:20 · 1550 阅读 · 2 评论