腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
Bootstrap
4
手风琴
100
%
高度
(
h-100
)
twitter-bootstrap
、
bootstrap-4
、
bootstrap-accordion
我有一排
手风琴
和两张卡片(可以是图片或其他任何东西),如下图所示: ? 我使用
bootstrap
中的
h-100
类来实现一行中的所有卡片始终具有相同的
高度
。 但是我想不出用
手风琴
怎么做。我添加了一点JQuery,所以我的
手风琴
总是有一个扩展的卡片,我希望卡片主体使用尽可能多的
高度
。 我怎样才能做到这一点呢?class="row"> <div class="col d-flex flex-column"&g
浏览 41
提问于2019-06-06
得票数 3
2
回答
Bootstrap
4
-全高
html
、
css
、
angular
、
twitter-bootstrap
、
bootstrap-4
所以我现在有这段代码:<div class="container-fluid d-flex flex-column" style="height:
100
vh;"> <div class="row在顶部有一个导航栏,然后应该有三个完全
高度
的列。
浏览 0
提问于2018-08-09
得票数 0
2
回答
未能在父行引导
4
和VueJs中获得两行
html
、
css
、
vue.js
、
bootstrap-4
我正在使用VueJs和Boostrap
4
创建一个组件,在该组件中,我希望获得类似于引导程序提供的类的设计。Vue.component('listcontent', {}) template: `<div class="container
h-100
" >
浏览 1
提问于2018-09-05
得票数 1
回答已采纳
2
回答
在引导
4
中,行的大小并不相等。
css
、
twitter-bootstrap
、
bootstrap-4
我正在使用
Bootstrap
4
,并尝试使用相同
高度
的列(我认为
Bootstrap
默认是这样做的)。这是我的标记: <div class="col-md-
4
"> Lorem ipsumelit, sed do eiusmod tempor incididunt ut labore et dol
浏览 0
提问于2018-03-20
得票数 0
回答已采纳
1
回答
如何使我的面板填充屏幕向下到页脚?
html
、
css
、
bootstrap-4
以下是代码:.list_mobile .footer { bottom: 0; width:
100
%; <div class="panel-heading">
浏览 2
提问于2018-06-05
得票数 0
回答已采纳
1
回答
如何在
Bootstrap
4
中设置列的
高度
javascript
、
html
、
css
、
ajax
、
bootstrap-4
如何将列的
高度
设置为相同,就像在每个列之间进行匹配--这是3列的html代码。<div class="container"> <div class="col-md-
4
list-group"> <a href="" class="list-group-item">asd</
浏览 0
提问于2020-08-12
得票数 1
回答已采纳
3
回答
为什么肚脐的
高度
这么大?
html
、
css
、
responsive-design
、
bootstrap-4
为什么这个肚脐的
高度
超过一排?我只想要一排。html,body {} <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/
bootstrap
/4.1.
浏览 2
提问于2018-12-30
得票数 0
回答已采纳
1
回答
Twitter引导flex垂直中心不使用对齐自中心。
html
、
css
、
twitter-bootstrap
、
bootstrap-4
、
flexbox
有点像这样: 我正在使用以下代码(在这里也使用jsfiddle,):<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-
bootstrap
/4.4.1/css/
bootstrap
.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.co
浏览 2
提问于2021-06-02
得票数 0
回答已采纳
1
回答
分别设置两列可滚动和视口剩余长度的
高度
css
、
twitter-bootstrap
、
flexbox
、
bootstrap-4
、
responsive
然而,我让这个例子起作用的唯一方法是用两个导航器的px对
高度
进行硬编码。当然,这在不同的浏览器、设备和分辨率上可能不起作用。唯一能让#内容和#指导方针分开滚动的方法是,如果我给它们一个固定的
高度
,然后回到原点--如何使那些div
100
%的容器div。下面是我使用flexbox的失败尝试(在本例中,它的固定
高度
为
100
in ): 是否有可能使第一和第二JS Fiddle的工作,而不定义一个固定的
高度
使用px?
浏览 1
提问于2018-12-20
得票数 3
回答已采纳
1
回答
如何在
Bootstrap
4
中将div垂直居中?
css
、
bootstrap-4
我开始使用
bootstrap
4
并尝试创建一些基本布局。根据,我可以通过对块元素应用类align-items-center来垂直对齐它们。
浏览 1
提问于2018-01-12
得票数 0
回答已采纳
2
回答
bootstrap
4
flex问题没有填满
100
%的父
高度
html
、
css
、
flexbox
我试图得到一个2列网格与boostrap flex,这需要整个页面的
高度
。由于某些原因,这段代码并没有填满页面的
100
%。 <div class="d-flex flex-column
h-100
border ">test &l
浏览 19
提问于2018-11-24
得票数 1
2
回答
在
Bootstrap
4
中嵌套布局不延伸到底部
bootstrap-4
我正在使用
Bootstrap
4.4.1。在我想要显示的数据中,第一列必须相当宽,因为该列中的信息可能相当长。因此,对于最后三列,我只有两列
Bootstrap
的12列可用,所以我决定使用嵌套布局。my-col sub-col">A</div> <div class="col col-
4
浏览 4
提问于2020-01-24
得票数 0
回答已采纳
1
回答
引导
4
卡-页脚填充列的剩余
高度
html
、
css
、
bootstrap-4
它们看起来是这样的:B和C卡需要填充其父列的剩余
高度
。我知道我可以通过将
h-100
类添加到卡片中来做到这一点,但是这样做的结果如下:我不想用卡身的
高度
来填充列的其余部分。我想要卡片页脚的
高度
来填充列的其余部分。/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b
4
Q" cros
浏览 2
提问于2021-09-09
得票数 0
回答已采纳
1
回答
具有3 div的同
高度
行的引导网格
html
、
css
、
twitter-bootstrap
由于内容不同,每一个都有不同的
高度
。我想设置背景颜色,但是颜色应该到达父-分区(行)的底部。我所有的尝试都失败了,我不会得到同样的
高度
的div。
浏览 1
提问于2018-12-14
得票数 0
回答已采纳
2
回答
Bootstrap
4
垂直中心等高卡
css
、
flexbox
、
bootstrap-4
、
twitter-bootstrap-4
我正在使用
Bootstrap
4
alpha 6,并尝试使用flexbox将等高卡的内容垂直居中。我已经使用了
h-100
util类来使卡片具有列的完全
高度
。我尝试了在行中使用.align-items-center类,它可以使卡片居中,但随后卡片的
高度
不再相等……HTML <div class
100
"> I have a lot of
浏览 23
提问于2017-03-07
得票数 4
回答已采纳
1
回答
为什么在父母没有定义身高的情况下,孩子的身高百分比是有效的?
html
、
twitter-bootstrap
、
css
、
flexbox
为了简单起见,我使用了
Bootstrap
4
。 <div class="row"> <
浏览 3
提问于2017-11-27
得票数 4
回答已采纳
3
回答
如何使Div与引导带
4
的屏幕大小相同
html
、
css
、
twitter-bootstrap
我已经找到了一些答案,但是没有一个有效,可能是因为我使用的是Bootstra
4
,而且大多数答案都是针对v3的。我的HTML:html, height:
100
hv; height:
100
hv;} <scriptajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrB
浏览 0
提问于2017-10-26
得票数 0
回答已采纳
2
回答
将DIV子组件的内容填充到整体网格布局中
html
、
css
、
bootstrap-4
使用
Bootstrap
4
.x,我创建了两个div,以便使用display:grid具有相同的
高度
。我的问题是我不知道如何管理里面的孩子。我无法让DIV
高度
与父内容一起工作。我不想硬编码它的
高度
。我想根据继承来定义。-8 col-lg-12 col-md-12 col-sm-12 col-12" style="display: grid;"> <div class="card shadow mb-
4
"class
浏览 6
提问于2022-03-24
得票数 0
回答已采纳
1
回答
Fluid
Bootstrap
Container不使用align-items垂直对齐行-*与
高度
一起使用时:
100
%
html
、
css
、
bootstrap-4
我有一个基本的
bootstrap
容器,它的宽度是流动的。我希望能够在侧边栏中对齐三行,使其位于顶部、中间和底部(很像
bootstrap
文档中的this demo,但作为侧栏而不是全宽)。从我从其他帖子中可以看出,我已经读到了这个作品的固定
高度
,但不是一个流动的(即
高度
100
%) -我需要侧栏和内容都是页面的完整
高度
。然后在其中垂直对齐。然而,这似乎是不可能的。我没有添加任何定制的CSS --我正在尝试使用
Bootstrap
中提供的类(但如果需要的话,我很乐意创建自定义类
浏览 18
提问于2021-04-10
得票数 0
回答已采纳
2
回答
背景颜色后的
bootstrap
4
列
高度
问题
html
、
css
、
bootstrap-4
、
responsive
我正在写一个
bootstrap
代码,里面的列我已经定义了div的背景颜色,但是,背景颜色滚动到内容,由于数据的变化,它看起来不均匀的数据一些列更高,一些更小。我怎么能有相同的列的
高度
。 <link href="https://maxcdn.bootstrapcdn.com/
bootstrap
/4.0.0/css/
bootstrap
.min.css" rel="stylesheet"/>
浏览 16
提问于2020-04-30
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
精美手风琴效果
这些WEB前端CSS实用技巧,有多少是你不知道的
12款非常棒的jquery下拉菜单
zdpdjango_argonadmin Django后台管理系统中的常见功能开发
人人必知的10个jQuery小技巧
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券