腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
媒体
查询
的
Bootstrap
列
顺序
有
问题
css
、
bootstrap-4
、
media-queries
、
xhtml
我正在建立一个网站
的
模板,它需要4
列
。在桌面模式下,或者平板电脑宽度以上
的
任何东西中,它应该显示所有4
列
,尽管外部2
列
仅用于填充。在移动模式下,外部2被设置为消失,但我需要中间
的
2来颠倒它们
的
顺序
。我试着在低于480px
的
时候将'col-‘设置为反转,但它不起作用。如果有人帮我检查一下我
的
作品,我会很感激
的
。
浏览 7
提问于2020-10-22
得票数 0
2
回答
媒体
查询
和引导
css
、
twitter-bootstrap
、
web
、
frontend
、
media-player
我是前端开发
的
新手,最近遇到了
媒体
查询
和它们是如何工作
的
。我在
媒体
查询
之前学习了
bootstrap
,现在我想知道
媒体
查询
是必要
的
吗?我觉得
Bootstrap
做了同样
的
事情,当你创建网格,并提到
列
类名称,即col 2-sm xs,lg等,并提供了响应式
的
感觉。有没有人能指点一下,什么时候必须用?
浏览 6
提问于2021-05-22
得票数 0
1
回答
如何使
Bootstrap
3布局响应div大小,而不是屏幕大小
html
、
css
、
twitter-bootstrap
我
有
一个页面,它有一个主内容区和一个固定宽度
的
侧边栏()。我想用相同
的
响应式HTML填充侧边栏
的
一部分和主内容区域
的
一部分(可能不会永远如此,但至少在我决定将其放在哪里之前)。然而,
问题
是
Bootstrap
似乎是根据屏幕大小而不是div大小来决定使用哪种大小(col-md-*与on sm-*)。这意味着主内容和侧边栏将始终使用相同
的
布局。我认为iframe是一种可能
的
解决方案(),但它似乎
有
很多格式
问题</e
浏览 0
提问于2016-02-19
得票数 2
1
回答
在移动视图中滑动下一行
的
居中div
html
、
css
我正在做一个标题导航,在其中我
有
三
列
左,中和右,在移动视图中,我需要1行中
的
左和右
列
,中间
的
列
应该在下一行中滑动。
浏览 9
提问于2019-07-15
得票数 0
2
回答
如果我们已经
有
引导类来创建响应性网站,我们为什么要使用
媒体
查询
?
bootstrap-4
如果我们可以创建一个具有引导-4类
的
响应网站,那么为什么我们使用
媒体
查询
来响应呢?
浏览 5
提问于2019-12-30
得票数 0
回答已采纳
2
回答
Twitter
Bootstrap
-如何在调整大小
的
浏览器窗口中构建窗体?
html
、
css
、
twitter-bootstrap
我正在使用twitter
bootstrap
框架,并且我正在尝试构建订阅表单。; color: white; Subscribe</button></div>input.input-large[class=input-large] {font-size: 1
浏览 0
提问于2013-07-03
得票数 0
回答已采纳
1
回答
在
Bootstrap
4中将Flexbox元素列表
的
顺序
更改为从上到下、从左到右
html
、
css
、
bootstrap-4
我使用
的
是带有flexbox
的
Bootstrap
4。我在container-fluid中有一个按字母
顺序
排序
的
分类为col-xs-12 col-sm-6 col-md-4 col-xl-3
的
项目列表。
列
是响应性
的
,项目的数量是动态
的
。因此,不可能知道容器
的
高度。 可以
有
1
列
、2
列
、3
列
或4
列
,并且所有行
的
设计
浏览 4
提问于2016-08-20
得票数 1
回答已采纳
2
回答
在
bootstrap
中有没有办法在我
的
style.css中创建自己
的
断点?
twitter-bootstrap
、
twitter-bootstrap-3
标题说明了一切,我想创建一个自定义
的
断点,但我不想打扰引导程序
的
精简文件。我
的
style.css显然是在缩小文件之后。 编辑:所谓断点,我指的是
媒体
查询
断点。
浏览 0
提问于2016-03-06
得票数 0
1
回答
为什么我们使用响应方法,而%属性使我们
的
页面可以适应任何屏幕大小?
css
、
web
、
bootstrap-4
、
responsive
我目前正在学习响应性概念和
媒体
查询
,而且我无法理解它
的
用途,因为我们可以在CSS文件中使用"%“来表示大小属性。事实上,例如在我
的
CSS文件中,如果我添加了“宽度”样式属性:"{width: 70%;}",我
的
网页将适合任何屏幕大小,因为它将占用70%
的
屏幕,而不考虑屏幕?或者她会被显示
的
字符太小,这将解释为什么我们使用响应
的
方法?似乎我并没有真正实现它
的
目的。谢谢你
的
帮助。
浏览 2
提问于2020-11-07
得票数 2
回答已采纳
1
回答
带固定宽度内容
的
bootstrap
3网格
css
、
twitter-bootstrap-3
我正在尝试使用
bootstrap
3网格来设置一些响应行为:但是这个
列
应该有一个图像在里面。
问题
是图像
有
一些宽度(339px),如果它
的
宽度只能小于这个宽度,我不希望包含它
的
列
可见。 有没有办法告诉网格
列
在降到特定宽度以下时隐藏起来?
浏览 0
提问于2014-03-11
得票数 0
2
回答
CSS,如果移动设备更改样式表
javascript
、
jquery
、
html
、
css
、
mobile
如果最终用户通过PC或移动设备访问我
的
网站,我在更改CSS文件路径时遇到
问题
,下面是我
的
CSS,我认为如果使用任何手持设备,它将重定向用户: <link rel="stylesheet" type="textlink rel="stylesheet" type="text/css" href="/css/mobile.css" media="handheld" />
浏览 0
提问于2014-10-25
得票数 1
1
回答
设置特定屏幕大小
的
类(引导)
css
、
twitter-bootstrap
、
bootstrap-4
、
column-count
column-count: 3; column-count: 1; column-count: 5;如果xs屏幕正在加载,它应该在1
列
中加载文本,在sm屏幕上加载3
列
,在lg屏幕上加载5
列
。
有
什么暗示吗? 看待n00n
浏览 0
提问于2019-03-21
得票数 0
回答已采纳
2
回答
使浮动垂直居中
html
、
css
以及移动端
的
以下内容: ? 我正在努力尝试让左右两个信息框垂直居中(就像在桌面模式中一样)。 我认为使用floats是最直观
的
(对我来说)。同样,通常
的
垂直居中技巧似乎不起作用(因为它们通常需要绝对定位)。有没有什么最好
的
办法?这是我到目前为止拥有的一小段代码。
浏览 19
提问于2020-09-09
得票数 1
回答已采纳
1
回答
向右拉在IE-9和IE-8中不起作用
twitter-bootstrap-3
指向JS Fiddle
的
链接: View Detail </div> jsfiddle中
的
上述代码在我试着删除了pull-right,使用了pu
浏览 0
提问于2015-08-26
得票数 0
2
回答
如何在无引导
的
情况下使用网格系统
css
、
media-queries
我正在努力处理我
的
作业,我被要求创建一个响应式网格(使用
媒体
查询
),它最多包含4
列
(
列
的
最小宽度是300像素),并且我不允许使用任何库。我试着研究
bootstrap
网格系统,并将其应用到我
的
代码中,但它对我来说并不是那么顺利。我
有
问题
的
最小宽度
的
每一
列
和事实,它需要包含最多4
列
… 也许我没有很好地理解
问题
的
要求
浏览 5
提问于2019-03-27
得票数 2
3
回答
如何在
bootstrap
中为移动设备添加垂直堆栈
列
之间
的
空间
html
、
css
、
twitter-bootstrap
在
bootstrap
中,我在桌面上有四个水平交叉
的
图像。在移动设备上,我希望这些图像垂直堆叠(他们确实是这样做
的
)。唯一
的
问题
是,当图像在移动设备上垂直堆叠时,图像之间没有垂直间距。有没有一个
bootstrap
风格,我可以添加,以便它是垂直堆叠在手机上?下面是我
的
bootply:<div class="container">
浏览 1
提问于2016-02-27
得票数 1
3
回答
可折叠菜单对于移动环境来说太长了
jquery
、
html
、
css
、
twitter-bootstrap
我在
Bootstrap
3中创建
的
一个可折叠菜单遇到了一个
问题
。它工作得很好,直到它在移动设备上以风景显示。当您在横向展开菜单时,链接下拉
的
距离比视口
的
距离更远。这不是
问题
,但菜单固定在顶部,这意味着用户无法向下滚动查看下方
的
隐藏链接。当用户滚动时,菜单保持不动,固定导航栏后面的元素移动(尽管您看不到它
的
移动,因为菜单覆盖)。, .navbar .nav > li > a:active { b
浏览 4
提问于2014-03-09
得票数 1
2
回答
(
Bootstrap
、CSS)
css
、
twitter-bootstrap
我
有
一个页面,在高分辨率(第一个屏幕截图)看起来很棒,但在低分辨率(第二个屏幕截图)行-流体被推倒(所以它不符合VG-ES列表项)。有没有办法解决这个
问题
?我
的
标记: <div class="row-fluid"> <divclass="span4">Even
浏览 0
提问于2013-03-05
得票数 0
回答已采纳
5
回答
如何使网站移动端友好,一种选择就是制作移动端
的
每一个版本
javascript
、
html
、
css
我是新
的
网络:。我想使我
的
视频网站移动友好。我正在使用webmatrix网页创建site.please帮助我,以便我可以将我
的
网站呈现给移动用户。 非常非常感谢提前。
浏览 0
提问于2016-12-06
得票数 0
2
回答
未应用CSS
媒体
查询
规则
css
、
responsive-design
、
media-queries
我
的
任务是对仪表板式网站上现有的小部件做一个小更新。当前
的
小部件在大屏幕上看起来很棒,但在较小
的
设备上却很糟糕。我试图添加一些CSS规则,只有当显示宽度在或低于768‘m时才能应用这些规则。我使用
Bootstrap
做了一些响应性
的
设计。我还没有遇到自己
的
“
媒体
查询
”。@media (max-width: 768px) { //
Bootstrap
sm.sans-serif; margin:
浏览 2
提问于2015-03-04
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
让这些“展示”有更好的扩展性——媒体查询
为什么CSS Grid在创建布局上比Bootstrap更好
新媒体人有哪些需要注意的问题以及以后的发展趋势
好用的前端响应式框架—Bootstrap
响应式网页
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券