Bootstrap col高度至父DIV高度

文章/答案/技术大牛

发布

2回答

html、css、twitter-bootstrap、height

下面是我使用的代码： <div class="container-fluid"><div class="col-md-2 text-center align-self-centermh-100" style="background-color:red;"></div> <div class=

浏览 51提问于2020-07-01得票数 0

回答已采纳

4回答

引导程序3嵌套的col不采用父样式

html、css、twitter-bootstrap

为什么嵌套的col不采用父div的样式？下面是一个背景应该是蓝色的示例：<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"rel="stylesheet" /> &l

浏览 5提问于2017-09-29得票数 0

回答已采纳

0回答

当父高度为auto时，高度为100%

html、css、twitter-bootstrap

例如，我有以下html： <link href="css/bootstrap.css" rel="stylesheet"> </style> <body> <

浏览 13提问于2016-07-03得票数 2

回答已采纳

1回答

如何在React-Bootstrap/MDBReact中使用%设置行/列的高度？

reactjs、react-bootstrap、mdbreact

因此，基本上我在使用React-Bootstrap中的%设置行/列高度时遇到了一点小问题。我有一个8列(我要在这里添加一些按钮，图标，图像和文本字段)，它们都必须是相同的高度行。}}> Machine 31</Col> <Col style={{backgroundColor: "purple"}}> Machine 41</Col><Col sty

浏览 36提问于2019-08-22得票数 2

回答已采纳

1回答

使用css维护div上的纵向高宽比

css、dependencies、height、width、aspect-ratio

: 62.5%;}.col-7 {width: 87.5%;}我希望每个箱子的高度都是宽度的150%。我见过css (例如，列中的子div )，但我不知道如何引用父元素的宽度。根据W3Schools，% css度量单位应该是相对于父元素的，但是我想根据父元素的宽度来设置子元素的高度，这是一个不同的度量。 W3Schools还通过向包含的

浏览 0提问于2018-08-23得票数 0

回答已采纳

1回答

分割父div高度以用于子div

css、html、twitter-bootstrap、twitter-bootstrap-3

我有一个带有特定高度的div。我想要这样:我在这个div中放了一些嵌套的div's，并告诉他们使用父div高度的特定百分比。例如：div1=10%, div2=50% and div3=40%。我正在使用bootstrap，我可以通过col-*控制行的某些部分的位置，但我想要这个作为父div的高度。我如何通过B

浏览 1提问于2014-12-26得票数 0

2回答

当屏幕宽度< 992px时，我的div被隐藏

html、css、responsive-design、bootstrap-4

我正在练习bootstrap4布局，当屏幕宽度小于992px时，我的棕色分区被黄色分区覆盖，为什么和如何解决这个问题？/4.0.0/css/bootstrap.min.css" rel="stylesheet" /> <div class="row header "><div class="c

浏览 2提问于2019-04-20得票数 0

1回答

Safari和bootstrap* 4 flexbox错误*

html、css、safari、bootstrap-4、slick.js

Bootstrap 4- Safari版本10.1.2 display:table;和display:table-cell; vertical-align:center;在100%高度的分区上不工作。class="col-12 col-xs-12 col-sm-12 col-md-7 col-lg-7"> <&#x

浏览 3提问于2017-12-04得票数 0

2回答

未能在父行引导4和VueJs中获得两行

html、css、vue.js、bootstrap-4

Vue.component('listcontent', {}) template: `<div class="container h-100" > <div class="row h-100"&

浏览 1提问于2018-09-05得票数 1

回答已采纳

1回答

分别设置两列可滚动和视口剩余长度的高度

css、twitter-bootstrap、flexbox、bootstrap-4、responsive

然而，我让这个例子起作用的唯一方法是用两个导航器的px对高度进行硬编码。当然，这在不同的浏览器、设备和分辨率上可能不起作用。唯一能让#内容和#指导方针分开滚动的方法是，如果我给它们一个固定的高度，然后回到原点--如何使那些div 100%的容器div。下面是我使用flexbox的失败尝试(在本例中，它的固定高度为100 in )：是否有可能使第一和第二JS Fiddle的工作，而不定义一个固定的高度使用px？

浏览 1提问于2018-12-20得票数 3

回答已采纳

1回答

如何在初始加载时将引导组件(容器)扩展到完整的窗口宽度和高度，以及使用哪个类？

javascript、jquery、html、css、twitter-bootstrap

我想让这个容器的大小精确地调整到打开它的窗口的宽度和高度。此外，当调整大小时，它应该沿着窗口调整大小。相反，目前它看起来是这样的：我知道如何用jQuery做到这一点，这很简单，但是如果我给容器设置一个固定的高度，当我把它缩小到一个较小的尺寸时，引导和页面的“响应性我非常确定bootstrap有一些内置的功能，并准备使用功能来做这件事，但显然我找不到它。感谢您的帮助！

浏览 1提问于2015-01-24得票数 7

回答已采纳

1回答

使用jQuery计算Bootstrap的列高度和中心子项

jquery、twitter-bootstrap

我正在尝试创建一个简单的jQuery函数，该函数将计算父对象的高度，并在不使用css的情况下垂直对齐父对象内部的子对象。当用户更改浏览器宽度时，图像高度将更改(因此列高度也会更改)。和我的html： <img src="image-1.jpg" class="img-responsive"> </div</em

浏览 2提问于2015-09-28得票数 0

2回答

Bootstrap 4- align-items-*类根本不工作

css、bootstrap-4

我目前正在建立一个Bootstrap 4框架的网站。我发现我不能正确地对齐项目。"> One of three columns <div class="col"> </div> <d

浏览 39提问于2018-06-04得票数 2

回答已采纳

2回答

使div* 100%高*

css

我需要使粉红色的div 100%的浏览器高度，height: 100vh不能正常工作，有一个滚动条，所以它是105%.} <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css&qu

浏览 3提问于2016-06-02得票数 0

回答已采纳

1回答

bootstrap行下的全宽元素高度

css、twitter-bootstrap、twitter-bootstrap-3

.container-fluid header "content content content" 但是当我检查header元素时，它的高度是0。如何在不对像素值进行硬编码或使用javascript的情况下将其自动设置为.col-xs-12内容的高度？

浏览 0提问于2014-10-21得票数 0

2回答

Bootstrap的Div高度问题

css、bootstrap-5

我是Bootstrap的新手，正在努力弄清楚为什么我的左列高度没有显示为父div的完整高度。根据我在文档中的理解，你只是添加了h-100作为一个类，让它占据相对于父类的100%的高度，但我显然没有正确理解它。这可能与它是块元素的事实有关？h-100"> <div class="row col g-0 d-flex justify-content-center w-75 align-ite

浏览 30提问于2021-09-10得票数 1

回答已采纳

1回答

动态缩放iFrame内容以适应div宽度

html、css、iframe、webkit

enter code here<body></div></div> <div id="column3" class="

浏览 0提问于2017-01-27得票数 3

3回答

强制同一行的bootstrap列不均匀调整高度

html、css、bootstrap-4

如你所见，我希望左列和右列不调整到中间列的高度。 /4.4.1/css/bootstrap.min.css"> .col-lg-8 { line-height: 200px; } Entete

浏览 34提问于2020-04-09得票数 0

回答已采纳

2回答

如何根据元素父容器中的可用空间在元素之间分配相同的高度？(我需要动态解决方案)

html、css、twitter-bootstrap

我在bootstrap中有这段代码 <div class="col-12"> <div class="col-12"></div> backgrou

浏览 0提问于2020-09-12得票数 0

回答已采纳

1回答

Boostrap 4:使文本区域与列高度匹配

css、bootstrap-4

我试图让bootstrap列中的一个文本区域用CCS (无JS)填充列的剩余高度。 </div> 左侧的文本区域应该与右侧的高度匹配(填充父级的剩余高度)。使文本区height: 100%不是一个解决方案，因为它会溢出父

浏览 12提问于2020-02-06得票数 0

回答已采纳

点击加载更多