社区
CSS
帖子详情
我现在用bootstrapt框架做的响应式网站,但是页面无法控制
weixin_41706955
2018-02-03 08:33:06
各位大神好,我是小白一个,今天利用bootstrapt的框架用了一个pc和移动响应式的网站,但是出来的效果很是不理想,无法控制页面布局和页面样式,不知道各位大神知不知道怎么回事?
现在电脑看一种页面,手机看一种页面,下面的导航都错位了,大神谁知道怎么回事
http://www.yanbian4.top/index.php/home/main 这是我的前台页面
...全文
1691
2
打赏
收藏
我现在用bootstrapt框架做的响应式网站,但是页面无法控制
各位大神好,我是小白一个,今天利用bootstrapt的框架用了一个pc和移动响应式的网站,但是出来的效果很是不理想,无法控制页面布局和页面样式,不知道各位大神知不知道怎么回事? 现在电脑看一种页面,手机看一种页面,下面的导航都错位了,大神谁知道怎么回事 http://www.yanbian4.top/index.php/home/main 这是我的前台页面
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
开水宝宝
2018-02-06
打赏
举报
回复
bootstrap有他自己响应式布局,看了一下代码,用的table做布局,这样肯定是不会有响应式的,建议先仔细看两遍文档。其实用起来还是很简单的
Bootstr
ap
响应式
开发(2021.10.13)
一.
Bootstr
ap简介 1.
框架
含义
框架
就是一套架构,它有一套比较完整的网页功能解决方案,而且控制权在
框架
本身,有预制样式库、组件和插件。使用者要按照
框架
所规定的某种规范进行开发。 2.
响应式
Bootstr
ap是基于HTML、CSS、JS的UI前端
框架
,使得Web开发更加快捷。
响应式
需要一个父级
做
为布局容器,来配合自己元素来实现变化效果。 原理:在不同屏幕下,通过媒体(PC/iPad/手机端)查询来改变布局容器的大小,再改变里面子元素的排列方式和大小,从而实现不同屏幕下,看到不同的
页面
Bootstr
apt
禁止
响应式
布局
文章目录禁止
响应式
布局有如下几步
Bootstr
ap 会自动帮你针对不同的屏幕尺寸调整你的
页面
,使其在各个尺寸的屏幕上表现良好。下面我们列出了如何禁用这一特性,就像这个非
响应式
布局实例
页面
一样。 禁止
响应式
布局有如下几步 移除 此 CSS 文档中提到的设置浏览器视口(viewport)的标签:。 通过为 .container 类设置一个width 值从而覆盖
框架
的默认 width 设置...
16-
响应式
布局(
bootstr
ap
框架
)
响应式
布局(
bootstr
ap
框架
) 前言
响应式
开发原理:使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的 设备划分 设计尺寸 尺寸 超小屏幕(手机) 100% <768px 小屏幕设备(平板) 750px 768px<width<992px 中屏幕(卓面显示器) 970px 992px<width<1200px 宽屏设备(大桌面显示) 1120px >
响应式
布局与
bootstr
ap
框架
网页布局方式 1、固定宽度布局:为网页设置一个固定的宽度,通常以px
做
为长度单位,常见于PC端网页。 2、流式布局:为网页设置一个相对的宽度,通常以百分比
做
为长度单位。 3、栅格化布局:将网页宽度人为的划分成均等的长度,然后排版布局时则以这些均等的长度
做
为度量单位,通常利用百分比
做
为长度单位来划分成均等的长度。 4、
响应式
布局:通过检测设备信息,决定网页布局方式,即用户如果
Bootstr
ap
框架
(黑马程序员)
栅格系统英文为 "grid systems",也有人翻译为 "网格系统",它是指将
页面
布局划分为等宽的列,然后通过列数的定义来模块化
页面
布局。
Bootstr
ap 提供了一套
响应式
、移动设备优先的流式栅格系统,随着屏幕或视口 ( viewport ) 尺寸的增加,系统会自动分为最多 12 列。
Bootstr
ap 里面 container 宽度是固定的,但是不同屏幕下,container的宽度不同,我们再把 container 划分为 12 等份。
CSS
61,115
社区成员
60,728
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章