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