Bootstrap 4固定图像高度

文章/答案/技术大牛

发布

2回答

html、css、bootstrap-4

我正在使用Bootstrap的4网格系统来显示从unsplash.com到网页的随机大小的图像。我的问题是，我不知道如何为所有图像制作固定大小的缩略图，无论它们的高度如何，但同时适合它的容器。/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9Mu

浏览 26提问于2020-02-25得票数 1

回答已采纳

2回答

Bootstrap:响应等高图像行，宽度基于图像长宽比

html、css、image、twitter-bootstrap

每个图像都有不同的纵横比。我希望显示一行中的所有图像，使它们的高度相等。包含图像的列的宽度是流动的。我不会自己固定高度，我也不想随意限制图像的高度。图像(及其填充)完全填满了水平空间；这决定了高度(因为保持了纵横比)。当窗口缩小(到移动大小)时，我希望所有的图像都像bootstrap的响应式布局一样，一个一个地放在另一个下面。我试过很多方法。我非常确定我不能使用boots

浏览 4提问于2016-12-23得票数 0

2回答

引导转盘不同高度的图像会导致跳动

css、twitter-bootstrap-3、carousel

我一直在使用Bootstrap 3.3.7v的carousel类，到目前为止，它很简单，但是我遇到的一个问题是，不同高度的图像会导致它下面的div反弹，图像会溢出到carousel中。<img src="images/slider/3.jpg" alt="red"> <img src="images/sli

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

5回答

如何在twitter-bootstrap中停止图像响应？

twitter-bootstrap、responsive-design

我正在使用twitter bootstrap让响应式layout.It变得非常棒。它使图像的响应度过高。我需要一些图像只需要固定的宽度和高度。<div class="span1"><img src="http://i.ytimg.com/vi/uGBKzIY4mpc/0.jpg" width="50" height="40"><

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

回答已采纳

0回答

bootstrap 4中固定高度的响应卡图像

html、css、twitter-bootstrap

例如，我有一张分辨率为760x270的图像，但这个比例让它看起来太薄了，我想让它看起来更像一个正方形。但是，如果我放置一个更方形的图像，分辨率为760x500，我希望它仍然适合，而不是扭曲。<div class="col-xs-6 col-md-4"> <div class="card">class="card-img-top img-fluid" src="img/1.jpg"

浏览 6提问于2017-11-25得票数 5

回答已采纳

2回答

引导列中响应(背景)图像以匹配相邻列中内容的高度

bootstrap-4

左列中的图像需要基于相邻列中内容的高度作出响应。仅仅在图像上使用img-fluid类是行不通的，因为这并不能将图像扩展到所需的高度。background-size: cover;是我通常需要的，但是我需要设置一个固定的高度，这与响应相反。 <link rel

浏览 0提问于2018-11-09得票数 2

回答已采纳

2回答

如何使行的高度固定？

javascript、css、datatables

我有一个表，其中的列包含随机大小的图像。由于这个image列，它改变了每一行的高度。下面是演示：如果没有这样的选择，有没有其他的解决方案？

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

1回答

Bootstrap + CSS:如何根据宽度设置div的高度？

css、twitter-bootstrap

使用bootstrap的.img-responsive将其width设置为100%。<div class="col-md-9"> <imgsrc="" class="img-respons

浏览 5提问于2014-09-28得票数 4

2回答

如何使用引导程序使这些图像大小相同？

css、twitter-bootstrap

Q1，我想知道如何使用引导程序使所有图像都大小相同？此外，如果我希望它更小或更大，我将如何调整它以满足我的需要？ <html lang="en"> <title>Bootstrap Example</title> <meta charset/3.3.7/css/b

浏览 5提问于2017-03-26得票数 1

回答已采纳

4回答

Bootstrap响应背景图像

css、twitter-bootstrap、responsive-design

如何使用bootstrap制作一个具有适合访问者显示的图像作为背景的div容器？图像具有固定的高度和宽度。如果屏幕较小，则应调整大小以避免x，y溢出。

浏览 0提问于2013-04-27得票数 23

回答已采纳

2回答

使用背景图像在BooStrap中显示图像

html、css、twitter-bootstrap

我刚刚用Twitter的BootStrap构建了我的部分网站，但我正在寻找改进的方法。这个模块有一个已知宽度的图像，但未知高度(图像高度会变化，但有固定的宽度)，并在图像顶部有文本。我的替代解决方案是将图像作为包含文本的div的背景。然而，这样做，我遇到了两个问题：我不知道如何指定div的高度，因为这是一个基于图像高度的变量。宽度将始终为span4 (300 of )。每个<

浏览 2提问于2012-10-05得票数 1

回答已采纳

1回答

具有相同大小的多个响应式图像？

html、css、responsive-images

如何使用分辨率不同的多张图像..但我想在没有伸展的情况下使用所有的网状物，并使所有的东西都能响应。 

浏览 1提问于2018-07-12得票数 0

1回答

如何制作固定高度的Bootstrap面板主体

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

我使用bootstrap的panel来显示文本和图像，但是随着文本的增长，面板的主体也会增加。我想知道如何创建固定高度的body，例如10行或最多10行。下面是我的代码： <div class="panel panel-primary"> <div class="panel-heading">jhdsahfjhdfhs

浏览 1提问于2014-06-27得票数 62

回答已采纳

3回答

同高儿童图像与div

html、css、twitter-bootstrap

我有一个区域，里面有一个固定高度的图像，还有一个div，里面有一些文字和背景颜色。我想使div和图像的高度相同，div与背景颜色重叠，这样只能看到文本和背景颜色，而不是图像，而是图像的高度。 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/cs

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

回答已采纳

1回答

没有固定高度和宽度的图像响应所有分辨率

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

我已经创建了一个配置文件页面，它使用许多不同大小的图像。为了使它响应，我使用了twitter bootstrap3。对于图像，我使用了img-circle m-t-xs img-responsive，但是静止图像没有在固定的宽度和高度上显示，如下所示。 width: 100px;

浏览 0提问于2018-11-17得票数 0

1回答

在bootstrap上构造缩略图

html、css、twitter-bootstrap

我想把固定的宽度和高度放在div上，但由于我使用的是Bootstrap，为了提高响应速度，我设置了col-md和col-xs，现在我想不出如何适合每个图像，无论它有多大，都是固定的宽度和高度。我将非常感谢一些建议，如何调整大图片到固定的宽度和高度，但保持它的响应性。

浏览 0提问于2015-09-10得票数 1

1回答

使用owl carousel和Bootstrap* 3使图像居中显示宽度和高度*

javascript、jquery、responsive-design、twitter-bootstrap-3、owl-carousel

我正在尝试使用bootstrap和owl carousel的组合来实现响应式的图片库浏览体验。我有一个固定高度的固定页眉和固定高度的固定页脚。我在这里的目标是让滑块中的图像始终位于页脚页眉的中心，而不管图像的高度。有没有一种简单的方法可以在页脚和页眉之间创建某种类型的动态容器来实现这一点，或者可以使用一些漂亮的java脚本来调整图像的大小？height:xx%;

浏览 1提问于2014-07-15得票数 1

1回答

用自举响应图像限制图像高度？

html、css、twitter-bootstrap

在使用bootstrap的站点上工作时，在portfolio部分中，项目的图像响应如下：它对风景图像很有效，肖像图像被放大到适合宽度方向，但是太高了，有没有一种方法可以检查肖像方向的图像，并对其应用600px的固定高度？

浏览 0提问于2013-10-31得票数 40

3回答

如何强制所有<div>元素在页面中具有相同的高度？

html

我使用Bootstrap 3.2，整个页面位于一个<div class="col-xs-12">元素中，您可以在图像底部看到动态生成的html代码。是否有可能将所有高度固定为不影响响应性的相同高度？

浏览 0提问于2014-09-27得票数 5

回答已采纳

1回答

Bootstrap4:在媒体列表中对齐图像

bootstrap-4

对于大小为96x96px (固定)的，我试着遵循Bootstrap 4的示例。只要图像是方形的，这就能很好地工作。一旦图像比高度(例如96x72)宽，反之亦然(例如49x96)，则示例不工作。要么图像不是垂直居中(第一个图像)，要么是它们没有在col中间对齐(第二个图像)，并且没有填充整个列。我试着跟随几个示例，使用或，但它们都没有按要求工作。注意:我按img-thumbnail中推荐的方式放置图像，但这

浏览 0提问于2018-07-31得票数 0

回答已采纳

点击加载更多