带可变高度的Bootstrap div

文章/答案/技术大牛

发布

3回答

html、css、twitter-bootstrap

我的页面交替使用黑白背景。我有以下页面： <div class="col-xs-9 introduction"> </div>使用以下CSS：introduction {padding-top: 150px;backgr

浏览 23提问于2016-07-24得票数 0

回答已采纳

3回答

带bootstrap 3的100%高度div

html、css、twitter-bootstrap

我想做一个全高的网站，但它似乎推特与身体最小高度100%的问题html{} min-height:100%#main{min-height:100%;下面是我的HTML： <head> <body> <div id="main" cl

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

3回答

类似于多列的CSS布局

html、css、css-float

我希望呈现一个多列的CSS布局，如下面的链接所示。 <div id="1">#1</div> <div id="3">#3</div

浏览 0提问于2012-10-25得票数 1

回答已采纳

2回答

可变高度div内的静止图像

html、css

我有一个可变高度的div，这个高度是通过javascript改变的，我需要将图像保存在它的页脚中。 });<link href="https://stackpath.bootstrapcdn.com/bootstrap&#x

浏览 0提问于2019-11-30得票数 1

回答已采纳

1回答

css: table- row :强制一个表格行占据整个表格高度并将第二行推出可见区域的方法

css、vertical-alignment、css-tables、tablerow

我使用css display: tables在div中垂直居中显示内容----------------------------------------------class="C"> display: table-cell vertically centered contents go here </div> <

浏览 2提问于2013-03-06得票数 0

1回答

容器的水平对齐

html、css、twitter-bootstrap、flexbox

想要div的水平对齐。从左边开始的容器(带蓝色边框)可能有固定的高度。其他容器(带红色边框)应水平对齐左侧蓝色容器，而不考虑蓝色容器的高度。 border-color: #00CC00;} <link href="https://maxcdn.bootstrapcdn.com/bootstrap&

浏览 0提问于2016-05-19得票数 1

2回答

角2材料: MdCards的相同高度

twitter-bootstrap、angular、flexbox、angular-material、angular-material2

我正在使用Angular2，Material2和Bootstrap。布局基本上是 <div class="col-md-4"> </div> <md-card></md-card&

浏览 0提问于2016-05-25得票数 3

回答已采纳

3回答

bootstrap中的100%高度div

html、css、twitter-bootstrap

我有一段带bootstrap的代码...<div class="container-fluid"> <div class="col-md-10">

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

3回答

在引导折叠手风琴中显示部分文本

css、twitter-bootstrap、accordion、collapsable

我想取代我的脚本，让用户“阅读更多”的启动带折叠手风琴。我的问题是，据我所见，手风琴不是开着就是关着。有人知道在封闭模式下显示某些文本的选项吗？在我现在使用的脚本中，我可以通过更改文本区域的高度来使一些文本可见，但是在Bootstrap中，这个选项不起作用。当我更改.in或.out (控制文本区域高度的css )的高度时，它只是打开和关闭直到该高度</e

浏览 2提问于2013-09-02得票数 13

34回答

怎样才能使带靴柱的高度保持一致？

css、twitter-bootstrap

我用的是靴带。我怎样才能使三根柱子的高度相同呢？ <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet&quo

浏览 8提问于2013-10-30得票数 1115

回答已采纳

1回答

自举柱高

css、twitter-bootstrap、twitter-bootstrap-3

我正在学习引导，并希望它将使建设有吸引力的网页设计对我来说更简单。我很难理解这两个例子：引导4：由于它们与使用的Bootstrap版本是相同的，所以我假设将列高扩展到.row的高度是Bootstrap 4的一个新特性。有没有办法在使用另一个版本的同时复制一个版本在这个问题上的行为？如果是这样的话，做这件事最好的方法是什么？我想了解这些维度的行为，以便给自己一个更好<e

浏览 2提问于2017-03-04得票数 0

回答已采纳

1回答

Boostrap Nav + Carousel +页脚保持相对高度

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

我想知道是否有可能保持一个家庭html的三个主要组成部分的相对高度。在这种情况下，bootstrap nav + carousel + footer。我想修改旋转木马的高度，使其始终在屏幕的70%左右，另外20%用于导航，10%用于页脚。由于圆盘传送带只有一种背景颜色，并且它不是图像，因此不存在图像大小调整问题。html结构如下所示： <div></div> htt

浏览 0提问于2017-08-21得票数 0

2回答

Stackin DIVs (可能是纯CSS)固定高度和非固定高度

css、html、layout、fixed

我想不出获得这样的布局的最佳解决方案是什么：| div 0，可变高度| div 1，可变高度 +----------------------------------------------------

浏览 0提问于2014-03-25得票数 0

2回答

更大的徽标而不影响肚脐中的其他元素

html、css、twitter-bootstrap、responsive-design、bootstrap-4

我的主要问题是商标。下面是我的标题元素，我把我的肚脐和标志。标题包含一个背景图像，在其中我放置了我的肚脐。<div class="header"> <div class="container"> <nav class<span class="navbar-to

浏览 6提问于2017-10-17得票数 0

回答已采纳

1回答

引导3全宽度和高度布局与3列Flex或Col

html、css、twitter-bootstrap

我尝试了许多不同的方式，但没有一个匹配的布局下一个屏幕截图与一个Navbar在中间。宽度对我来说是可以的，但我在设置高度方面有问题。/3.3.7/css/bootstrap.css" rel=

浏览 1提问于2018-11-30得票数 2

回答已采纳

5回答

float - Css的问题

html、css

我正在尝试创建一个可变高度的div。似乎如果变量height div中的div设置为float:left，则变量height div的高度为0。如果我设置可变高度div float:left，那么div会随着里面的内容一起增长，但是现在可变高度div会被发送到屏幕的左侧，而不

浏览 1提问于2011-06-15得票数 1

回答已采纳

3回答

每4项重启一次循环

javascript、jquery

我有一个UI，它有4个组件在一行中，有多行，每个组件的高度是可变的，基于它里面的内容。我希望同一行中的每个组件都具有相同的高度，该高度由该行中最高的组件设置，并且每行在设置组件高度方面独立于其他行。我现在被卡住的地方是，如果我不中断循环，每个组件都将采用页面上最高组件的高度，但如果我在index < 4处中断，那么每个组件都将采用第一行中最高组件的<

浏览 18提问于2019-07-14得票数 0

回答已采纳

1回答

可变DIV高度

javascript、html、css

我得到了这个div结构： DIV3有一个固定的高度。问题:如果我将DIV6<

浏览 1提问于2013-10-26得票数 0

1回答

只有css的两行布局

html、css

我需要为一个网页创建一个2行的布局，以管理过滤器的一个部分，以及具有以下特征的结果的其他部分：第二行的高度为100%与第一行高度之差。第二行中的带溢出的

浏览 2提问于2017-02-14得票数 0

3回答

响应图像在引导中不起作用

html、css、bootstrap-4

我想要一个响应的图像与引导，但它不工作。我怎样才能解决这个问题？<header class="masthead text-center text-white d-flex"> <div class--immage responsive do not word on bootstrap --> <img class = "img-respons

浏览 1提问于2018-03-29得票数 1

回答已采纳

点击加载更多