腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何
使用
Bootstrap
将
flexbox
应用于
图片库
html
、
css
、
sass
使用
下面的代码,当我调整视口大小时,图像堆叠在一起,而不是向下移动一行。我很确定这是一个
bootstrap
默认值,但我不确定
如何
更改它。我尝试过
使用
d-flex和d-inline-flex属性,但是我很迷惑。
浏览 9
提问于2020-04-28
得票数 0
2
回答
如何
右对齐图标?
twitter-bootstrap
我试着
使用
flex box和align来调整内容,但是我猜我做错了什么。
浏览 25
提问于2021-10-29
得票数 0
1
回答
flex box和
Bootstrap
在手机上不能协同工作吗?
css
、
twitter-bootstrap
、
google-chrome
、
mobile
、
flexbox
将
CSS规则display:flex
应用于
引导程序行似乎会将引导程序列宽的控制权从引导程序中夺走。例如,如果我有一个类为col-md-9的列,它在Android Chrome浏览器上的宽度只有它包含的文本的宽度,而不是根据
Bootstrap
网格规则占用75%的屏幕宽度。 这种行为的根本原因是什么?
如何
避免?
浏览 0
提问于2015-12-05
得票数 0
1
回答
SASS/
Flexbox
不工作
html
、
css
、
sass
、
flexbox
、
predix
我正在尝试
将
flexbox
布局
应用于
基于示例的元素。在.html中,我有:.../_base.
flexbox
.scss"; 并且这些类确实会生成到seed-app-styles.html中: display:-ms-
flexbox
; displa
浏览 8
提问于2018-05-04
得票数 0
2
回答
将
一行的宽度设置为“剩菜”的100%
html
、
css
、
twitter-bootstrap
我
使用
Bootstrap
作为我的框架。4个输入得到它的宽度(像素)。我该怎么处理呢?我应该指出,输入是以“内联形式”!
浏览 3
提问于2015-12-07
得票数 0
回答已采纳
2
回答
使用
Bootstrap
4
flexbox
的PHP动态
图片库
php
、
twitter-bootstrap
、
flexbox
、
gallery
如何
在foreach循环中动态处理html下面的内容?我有一个图像数组,我可以在每个循环中回显一个图像,但我不确定
如何
在每个循环中循环两个图像?
浏览 0
提问于2019-11-01
得票数 0
2
回答
如何
在
Flexbox
布局中检查Gap支持
html
、
css
、
firefox
、
flexbox
火狐已经实现了
flexbox
布局的,而其他浏览器,如Chrome,只支持网格布局的gap。如果您在
flexbox
容器上添加gap,这会导致不同浏览器之间的差异。那么
如何
测试
flexbox
对gap的支持呢?20px;</style> <div>Item One</div></sectio
浏览 1
提问于2019-03-28
得票数 15
3
回答
React
Bootstrap
:行的列的垂直对齐?
css
、
reactjs
、
react-bootstrap
我正在
使用
react
bootstrap
,我试图在一行中垂直对齐项目,但没有成功。我的问题是,我在其中一列中有一个按钮,所以对于其他列,所有文本都向上移动了一点,而按钮及其内容具有更大的高度。我的问题是,
如何
使一行中的所有列都具有相同的高度,并且所有列都垂直对齐?到目前为止,我设法找到的唯一解决方案是
使用
CSS: tranform: translateY(-50%)这是可行的,但我正在寻找一个更好、更动态的解决方案,因为这需要
应用于
除按钮列之外的每一列 编辑:当我提到列和行时,我指的是
bootst
浏览 0
提问于2018-09-25
得票数 13
回答已采纳
3
回答
如何
防止内容调整flex项目的大小?
html
、
css
、
charts
、
flexbox
我正在
使用
CSS
flexbox
来构建一个可伸缩的、响应式的网格。当
将
Google图表
应用于
其中一个
flexbox
项目时,该项目的大小会发生如此微小的变化。这足以使网格失去对齐。
将
Google chart
应用于
项目6之前的
Flexbox
网格:
将
Google chart
应用于
第6项后的
Flexbox
网格:
Flexbox
网格的加载速度比Google图表快,因此网
浏览 0
提问于2016-03-29
得票数 16
回答已采纳
2
回答
当屏幕变小时,
如何
让导航栏中的图像缩小
html
、
css
、
navbar
我希望导航栏中包含的图像自动调整大小,以便图像彼此相邻,而不是彼此重叠,如果这有意义的话。基本上,当测试它在手机上的外观时,导航栏占据了屏幕的三分之一。 这是我的HTML <body> <a id="logoHolder" class="navbar-brand">
浏览 20
提问于2020-04-25
得票数 0
回答已采纳
1
回答
使用
react、样式化组件等动态创建包含n行和n列的css网格/
flexbox
图片库
javascript
、
css
、
reactjs
、
flexbox
、
css-grid
我想试着重新创建一个
图片库
,它有n行,基于数组中图像的数量,而且每行的列/图像可以是单个大图像,两个小图像或3个甚至更小的图像。看起来他们正在
使用
flexbox
和css网格,但我的大脑却在试图弄清楚这是
如何
做到的。它看起来几乎是随机生成的,列是1、2或3个图像宽度,但每次加载页面时都是相同的结果。我刚接触css网格和
flexbox
,所以很难弄清楚他们是
如何
根据图像的数量动态生成这个布局的。我正在
使用
react,styled-components,css gri
浏览 16
提问于2020-06-23
得票数 2
2
回答
空白WP启动主题与块和引导兼容
wordpress-theming
、
wordpress-gutenberg
、
timber
、
gutenberg-blocks
、
podscms
我想改进我的wordpress主题开发过程,即: 要将其转换为静态HTML,请
使用
VS代码和引导程序。
浏览 12
提问于2021-12-05
得票数 0
1
回答
带有引导类的
Flexbox
垂直和水平居中
css
、
twitter-bootstrap
、
flexbox
,并
使用
css display: -ms-
flexbox
; display: flex;我
将
无法实现它,因为我
使用
bootstrap
类来水平居中。
浏览 0
提问于2016-04-11
得票数 7
回答已采纳
2
回答
如何
将
嵌套的flexboxes与Angular组件一起
使用
?
html
、
css
、
angular
、
flexbox
我希望通过路由器插座添加的所有组件
使用
flexboxes占据页面的所有可用高度和宽度。感谢"how to make nested work“这篇文章中的,我知道
使用
以下基本的HTML和CSS可以达到预期的效果:<div id="
flexbox
-outer"> <div id="
flexbox
-inner"> &
浏览 15
提问于2019-11-05
得票数 1
回答已采纳
3
回答
如何
在
Bootstrap
4中创建偏移
html
、
css
、
bootstrap-4
我
使用
的是
bootstrap
版本4测试版(最新的不是alpha)。这很好。但是我想知道在
bootstrap
的新版本中,他们删除了offset类。如果有人能给我一个解决方案,我
将
非常感谢,我怎样才能
使用
flexbox
进行任意数量的补偿。我的意思是,在我
使用
.col- offset -2之前,这意味着偏移量2列,我想
使用
flexbox
。谢谢
浏览 0
提问于2017-10-05
得票数 7
1
回答
如何
使用
不同的方法使
Bootstrap
按钮等于相同的高度?
html
、
css
、
twitter-bootstrap
我
使用
的是
Bootstrap
版本3.3.7,
如何
使
Bootstrap
按钮与底部按钮的高度相等?我发现一些解决方案是以row或col类为目标,使其高度相同。但是,我可以在不针对
Bootstrap
row和col的情况下实现相同的结果吗?不是针对row和col类,也不是
使用
position:absolute,我可以
使用
其他CSS方法得到相同的结果吗?position: absolute; left: 15px;
浏览 1
提问于2018-05-24
得票数 2
1
回答
响应式容器太小时彼此不能相互响应
html
、
css
、
responsive
如何
使其具有响应性?
浏览 16
提问于2019-05-24
得票数 0
1
回答
引导:
将
行重新排列成列并更改元素的顺序
html
、
css
、
twitter-bootstrap
、
responsive-design
、
flexbox
在大屏幕上查看时,我希望更改顺序,使第一行3块红色方块堆叠成一列,并向左浮动,第二行红色方块也被堆叠成一列,并向右浮动,蓝色方块位于中间,如下所示:我
如何
用
Bootstrap
来实现这一点?我知道引导是建立在
Flexbox
之上的,我需要
使用
flex属性吗?我刚开始接触
Flexbox
。理想情况下,我希望在不干扰
Flexbox
的情况下实现这一点。有什么办法可以用
Bootstrap
的偏移量来做吗? 很难在大屏幕上将红色方块(最初设置为移动视图中的行)转换为列,然后<
浏览 0
提问于2019-08-16
得票数 2
回答已采纳
3
回答
使
Bootstrap
列调整为相邻列的高度
css
、
twitter-bootstrap
、
responsive-design
我希望两个
bootstrap
列始终具有相同的大小。这是一个场景:我希望包含文本的列的高度始终与左侧的图片相同。在我正在处理的另一个项目中,我通过签署一个JS脚本实现了这种效果,该脚本总是计算一列的高度,并将其
应用于
相邻的列。然而,我相信有一个更简单的解决方案。 会很感谢你的建议。
浏览 1
提问于2015-07-10
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
如何使用BOOTSTRAP将商品保存至数据库
体验 CSS Grid 布局
Bootstrap 4 终于要发布正式版了,预计三月份正式版发布
web前端学习中CSS的趋势与发展
为什么CSS Grid在创建布局上比Bootstrap更好
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券