腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(956)
视频
沙龙
1
回答
Bootstrap
5
网格
,
如何
自定义
不同
断点
处
的
网格
间隔
(不
使用
实用程序
类
)?
sass
、
bootstrap-5
、
gutter
如何
自定义
Bootstrap
5
以在
不同
的
断点
处
拥有
不同
的
网格
间距?我不想
使用
网格
间距
实用程序
类
,因为它们在标记中到处都是硬编码,而且更改起来很痛苦。看起来
Bootstrap
5
的
默认
间隔
宽度是这个变量: $grid-gutter-width: 1.5rem
浏览 23
提问于2021-07-22
得票数 3
1
回答
Bootstrap
3
网格
大小调整问题
html
、
css
、
twitter-bootstrap-3
因此,基本上我
使用
bootstrap
3构建了一个全屏食物图像
网格
。我已经
使用
container-fluid和适当
的
列来定义我
的
行和
断点
的
宽度。每一列都包含一个食物图像,并
使用
class -col-lg-2col-md-3col-sm-4col-xs-4 我不想让图像之间有
间隔
,所以我删除了分配给column
类
的
左、右填充,这给了我想要
的
外观。现在,当我调整<em
浏览 1
提问于2014-05-10
得票数 0
1
回答
如何
使一列
bootstrap
4按钮
的
宽度响应?
html
、
css
、
twitter-bootstrap
、
responsive-design
、
bootstrap-4
我正在尝试创建一个垂直
的
按钮列。我已经让它看起来像我想要
的
样子--但是当屏幕不是lg时,按钮就没有反应了。我希望它们自动收缩到它们所在
的
div。我在这里找过了:和这里:,两者都没有帮助。我
的
代码是- body { width: 100%; #button-container {height: 75vh; margin:
5
% 2.5% 0
5</
浏览 0
提问于2018-05-18
得票数 1
1
回答
引导全宽列
twitter-bootstrap
、
width
为什么在默认情况下在中间
的
某个地方结束呢?第一列有相同
的
问题,我尝试了d块,但没有工作,然后我写在style.css高度:100 the,但对于第二列宽度:100 the没有同样
的
效果。 integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktBclass="mo
浏览 2
提问于2019-03-12
得票数 0
2
回答
引导3 Vs引导4
html
、
css
、
twitter-bootstrap
、
bootstrap-4
在一次采访中,我被问到以下问题:<div class="container="col-sm"> </div></div> 但是当我被问到这
浏览 2
提问于2018-12-13
得票数 2
回答已采纳
2
回答
如何
在特定
断点
上隐藏单元格?
html
、
css
、
responsive-design
、
pure-css
我有下面的基本布局,现在我希望
使用
纯css将其转换为响应
网格
。<div class="pure-g"> <div class="pure-u-1">Foote
浏览 4
提问于2019-10-28
得票数 0
回答已采纳
2
回答
如何
创建响应式(可变列数)角度材料卡
网格
angularjs
、
responsive-design
、
material-design
、
angularjs-material
我正在尝试创建一个角度材质卡片
的
网格
,它
的
行为有点像
Bootstrap
网格
。理想情况下,卡片对于较小
的
屏幕宽度应该是全宽
的
,并且在较大
的
断点
处
跳到两列。 <
浏览 23
提问于2015-12-15
得票数 18
回答已采纳
1
回答
如何
在PC上显示3列,而在mobile>上只显示1列?
html
、
bootstrap-4
我试着在页面上有一个包含所有内容
的
大行,并将它们全部居中,以便它适合中间
的
一大列,并在左/右有另外两列(如图所示)。背景色是为了让我看看他们
的
尺寸。 ? <div class="col-sm-8" style="background-color:gray;">s</div> </div> 我应该怎么做才能在桌面上看到所有3列,但在移动设备上只看到中间
的
一列
浏览 35
提问于2019-01-08
得票数 0
回答已采纳
1
回答
如何
在物料用户界面对话框上
使用
withResponsiveFullScreen
material-ui
我
使用
的
材料-UI预租赁-你可以
使用
网格
布局和实现
断点
。我已经
使用
了隐藏
的
组件和
网格
,现在我想
使用
对话框
的
withResponsiveFullScreen组件。问题是我不知道
如何
使用
它,而官方版只是给出一点解释。 我可以
使用
Hidden来在两个
不同
的
对话框之间进行更改,但我
不
希望以这种方式复制代码。那么有没有人
浏览 1
提问于2017-07-06
得票数 3
回答已采纳
2
回答
更少
的
框架-响应式站点
css
、
responsive-design
我将启动我
的
第一个响应式网站,我已经为我
的
框架选择了Less - 它很容易设置为每个设备添加css,但它说它也是一个
网格
框架,但我没有看到任何
网格
CSS。
浏览 1
提问于2012-01-24
得票数 1
3
回答
如何
将div/占位符放入引导
网格
html
、
css
、
bootstrap-4
我正在尝试
使用
这个示例作为我想要绘制
的
许多图表
的
网格
布局。 这是我
的
。在这个例子中,我只是
使用
占位符来表示我
的
图表。我
的
问题是
如何
正确地将图表放入这些插槽中?我知道在本例中,我可以只更改图表({width: 300, height: 240})或占位符
的
大小。但是我想做相反
的
事情,并且能够改变div容器宽度<div class="container">以适应图表<em
浏览 1
提问于2018-04-06
得票数 0
2
回答
Bootstrap
3堆栈
网格
根据浏览器大小
html
、
css
、
twitter-bootstrap
、
twitter-bootstrap-3
我正在为
bootstrap
设计模板我想在浏览器窗口更改时更改列数,如下所示#columns {moz-column-count: 4; }@media (min-width: 1000px) { -webkit-column-count:
5
;-moz-column-count:
5
; } }
浏览 0
提问于2015-11-05
得票数 0
2
回答
响应式css
网格
和各种分辨率?
css
、
grid
、
media-queries
我看了一些css响应式
网格
。我目前正在尝试Unsemantic。我真的不明白它
如何
管理
不同
的
分辨率,比如400,768,1024,而我们只能
使用
两种类: grid-XX和mobile-grid-XX。非语义CSS文件包含关于我上面提到
的
所有分辨率
的
媒体查询,但我不知道
如何
使用
它们。例如,如果我
的
主页上有两列,我希望它们在1024px或更大时各为50%宽,在640和1024px之间为70%和30%,在400px或更低时
浏览 0
提问于2013-06-16
得票数 0
回答已采纳
3
回答
我是否需要指定所有的col-xx-xx
类
才能使页面响应?
css
、
twitter-bootstrap
Bootstrap
相当新,尝试将现有页面转换为
bootstrap
标签。我知道这将占用一半
的
屏幕大小,但当col-md-xx和col-lg-xx
断点
命中时,它会做同样
的
事情吗? 如果是这样的话,为什么还要费心去上md和lg课程呢?
浏览 0
提问于2017-09-29
得票数 1
4
回答
我是否可以明确定义引导应该切换到响应
的
移动版本
的
最小像素宽度?
css
、
twitter-bootstrap
、
responsive-design
、
twitter-bootstrap-3
我
使用
引导响应,或者我做错了什么,或者引导不是我想要
的
那么快。问题,我可以设置最小宽度(以像素为单位),在这个移动环境中,引导带总是在哪一个像素上,如例4所示?我正在
使用
twitter引导版本3,这里是负责导航条
的
代码案例2:坏
浏览 1
提问于2014-07-20
得票数 2
回答已采纳
2
回答
如何
在列引导4之间添加空间
css
、
bootstrap-4
如何
在这两列之间添加空间。 <div class="col-md-6 shadow"> ...
浏览 7
提问于2020-05-02
得票数 0
回答已采纳
1
回答
如何
自定义
引导
网格
?
twitter-bootstrap
我试着像这样做一个
自定义
的
引导
网格
,但是效果并不好: <div class="container-fluid"> <div
浏览 1
提问于2016-08-14
得票数 0
1
回答
如何
在
bootstrap
4中添加
自定义
断点
,以及
如何
在scss中
使用
响应性
断点
混合
css
、
angular
、
bootstrap-4
我正在致力于一个角
5
应用程序,这需要一个响应
的
应用程序。在字体大小
不同
的
1366X768和1920X1080分辨率中,我面临
的
问题是使它具有响应性。现在,当我将col-xxl-*
类
添加到我
的
任何元素中时,该元素
的
宽度与col-12一样。请参阅下图: 对于具有红色边框
的
容器,我给出了col-xxl-3
类
;但是它仍然具有完全宽度。为什么它
的
共鸣
网格
类
相关
浏览 1
提问于2018-02-11
得票数 2
回答已采纳
6
回答
如何
在Zurb foundation 4中
使用
断点
?
responsive-design
、
sass
、
zurb-foundation
我想有3个
断点
。概括地说,我希望为小窗格、中窗格和大窗格配置我
的
网格
。在grid
的
文档中,我可以看到像'small-12‘和'large-3’这样
的
类
名。 理想情况下,我想做一些类似“medium-3”
的</em
浏览 0
提问于2013-04-16
得票数 5
9
回答
在TwitterBootstrap中消除
间隔
twitter-bootstrap
也许我是疯了,但是有没有办法摆脱twitter
bootstrap
上
的
20px
间隔
呢?例如,我
使用
了
使用
alpha和omega
的
框架,它们覆盖了
间隔
:0px;我目前还没有在twitter引导程序文档中看到这样
的
内容。
浏览 0
提问于2012-04-25
得票数 11
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Bootstrap 4 终于要发布正式版了,预计三月份正式版发布
为什么CSS Grid在创建布局上比Bootstrap更好
知了知屏如何在电视上播放自定义分屏内容
10种最小和最快的前端Web开发框架
走一步看一步之Python篇:处理AIS数据
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券