将bootstrap col-md-3 div设置为相同的高度

文章/答案/技术大牛

发布

1回答

jquery、css、twitter-bootstrap

在一个bootstrap webshop模板上，im将项目列出到col 3div中。如何将这些div设置为相同的高度？如果项目名称太短或太长，或者是价格，则只显示正常价格，每个div高度较小，并且它们不在一行中。有没有解决这个问题的jquery插件？或者css？而且我只想在用户设备不是移动设备的情况下这样做。

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

回答已采纳

6回答

Bootstrap 3-根据屏幕大小设置模式窗口的高度

jquery、css、twitter-bootstrap

我正在尝试使用Bootstrap 3模式对话框创建一种响应式的megamenu。我想将整个模式窗口的宽度和高度设置为视口的80%，同时将模式主体设置为最大高度，以便不在大的视口上填充整个屏幕。我的HTML： <div</

浏览 3提问于2013-10-02得票数 58

2回答

引导3.3.4图片网格

css、twitter-bootstrap

<div class="container"> <div class="col-sm-4 col-md-3"> </div> <&#

浏览 2提问于2015-05-28得票数 1

回答已采纳

3回答

为横幅创建响应式div

jquery、html、css、twitter-bootstrap、responsive

如何为div创建响应式div，如在引导程序中创建img响应类我是应该使用javascript来完成，还是可以使用css或bootstrap来完成？<div class="responsive-banner"> <!-- heigh

浏览 0提问于2016-10-14得票数 0

2回答

使用bootstrap将页面拆分为两个垂直空间

javascript、jquery、html、css、twitter-bootstrap

我正在尝试将页面一分为二，我想使用bootstrap水平地进行:页面的顶部1/3，其余部分。一旦它分裂它的底部部分，我想得到4列。 <p> Can I see this </p> <div class="col-md-3">Colu

浏览 2提问于2015-11-13得票数 0

1回答

使用flexbox引导col相同高度

twitter-bootstrap

我正在尝试实现4列与相同的高度根据最好的方法引导3.x方法在这里HTML： <div class="row equal"> <div class="col-md-3 col-sm-12<

浏览 0提问于2017-06-25得票数 0

1回答

不同高度的列使用Masonry jQuery进行内联不起作用

jquery、html、css、twitter-bootstrap、jquery-masonry

我有多个div在我的页面上创建一个网格模式。使用bootstrap将每个div的宽度设置为相等。在本例中，添加了类'col-md-3‘，以使每个div的宽度为页面宽度的25%。每个div的高度都是400px或800px。这就是我遇到问题的地方。根据这个问题，解决方案5是我需要做什么才

浏览 25提问于2019-05-14得票数 0

2回答

响应式分区表

html、css、grid、responsive、css-tables

我尝试从这个网站生成一个div表： display: table; text-align: center; .divTableRow {class="divTable"> <div class="div

浏览 1提问于2017-01-31得票数 2

回答已采纳

1回答

Bootstrap 4中的正方形网格

html、css、twitter-bootstrap、bootstrap-4

如何在Bootstrap 4中创建响应式正方形网格？red"></div> <div class="col-md-3" style="width: 100px; h

浏览 2提问于2017-10-11得票数 2

2回答

Bootstrap 3和flexbox的等高列

html、css、twitter-bootstrap-3、flexbox、display

我正在使用Bootstrap 3(不幸的是不能将其更改为Bootstrap 4)，我需要实现相同高度的列效果，如图所示：我确信有一些干

浏览 0提问于2016-10-05得票数 4

回答已采纳

2回答

通过jQuery设置特殊条件下的分区高度

javascript、jquery

我想写一个将高度设置为四个分区的程序。我使用twitter bootstrap只是为了设计目的。在这种情况下，因为带有id=four的div的高度是最大的，所以其余三个分区都应该设置这个高度。下面是htm

浏览 0提问于2016-11-13得票数 0

2回答

是否可以在Bootstrap* 4中创建一个高度等于宽度的列？*

html、css、bootstrap-4、bootstrap-grid

是否可以在Bootstrap 4中创建一个高度等于宽度的列？前两列应该是平方的，第三列的高度与前一列相同。有可能吗？<div class="row"> <div cl

浏览 30提问于2020-01-29得票数 1

2回答

在桌面上显示1行，在移动设备上显示2行

css、twitter-bootstrap

这个基本的引导CSS显示了4列，每行1行： <div class="col-md-3"> </div><div class="deskt

浏览 2提问于2016-02-18得票数 3

回答已采纳

2回答

如何让bootstrap第一列第二行内容与第二列底线对齐？

css、html、twitter-bootstrap、angular-ui-bootstrap

这是我想要的：| | | | ||-----------------------------------------------<div class="row"> <div class="c

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

3回答

引导程序面板在全页视图中对齐和组织

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

我有下面的HTML <div class="row"> <div</

浏览 0提问于2015-06-24得票数 0

2回答

在bootstrap中使div的高度与宽度相同

css、twitter-bootstrap、styles

我试图让div的高度和bootstrap中的col md-3一样宽，这样当页面调整时，它会保持它的“正方形”。在bootstrap之外，我使用的是大众，但这里不是这样，高度100%；不起作用。

浏览 2提问于2017-04-17得票数 6

3回答

Boostrap响应式设计网格问题

html、css、twitter-bootstrap

我正在用bootstrap 4构建我的网站的前端。我希望我的一个页面被分成四个背景图像，每个图像填充一个列，这样这些列就可以在移动设备上堆叠起来。<div class="container-fluid"> <div class="col-md-3"> <div<

浏览 0提问于2017-04-20得票数 1

3回答

如何对齐btn内容垂直对齐

html、css、bootstrap-4

所有按钮高度应相同，按钮内容应垂直中心。 height:100%; <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap<div class="col-md-3"><a href="#" class="btn btn-blo

浏览 0提问于2019-01-25得票数 0

回答已采纳

3回答

Bootstrap 3>尝试创建等高的列

javascript、jquery、css、twitter-bootstrap、twitter-bootstrap-3

我才刚刚开始学习，所以请继续关注我，我会尽量提供更多的信息。使用Bootstrap 3，我一直在尝试调整一些内容区域，使它们具有相同的高度。基本上，无论我需要显示多少内容区域，它们都应该使用相同的高度，或者至少与它所在的行中的其他三个相同的高度。我一直在使用这个jquery库> >，它工作得很好，但是每当我调整页面大小时，内容区域的</em

浏览 0提问于2013-11-07得票数 25

回答已采纳

3回答

CSS -无法垂直居中

css、twitter-bootstrap

我正试图在一个引导行中的垂直4div中间。以下是我的基本代码： <div class="col-md-3"><button type="button" style="float:right; height: 40px;">Contact</button></div>

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

回答已采纳

点击加载更多