如何根据列的大小缩小行宽- Bootstrap

文章/答案/技术大牛

发布

1回答

html、css、twitter-bootstrap

> </div>我希望将行的宽度缩小到仅为嵌套列的总宽度。目前，列不会填满整个行。而且一些额外的空间正在被浪费。如何缩小行的大小？

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

2回答

引导:收缩列

css、twitter-bootstrap、flexbox

我有一张有树列的桌子。我希望“小”栏尽可能小。 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"></

浏览 4提问于2020-12-20得票数 2

回答已采纳

1回答

在没有溢出的情况下，正确调整flex框中an`<svg>元素的大小

javascript、html、css、svg

试图获得HTML页面的布局，其中包含如下的flex框为了使导航和按钮占用所需的空间，可伸缩的svg得到其余的空间，我被迫给可伸缩的svg一个width="1"或另一个小数字，因为否则行将被包装成：[[button][stretchable svg][button]] 问题：为什么width

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

回答已采纳

1回答

使用css将对象动态调整为相等的列

html、css、dynamic、css-float

我正在尝试创建一个布局，它可以自动调整容器的宽度，以适应父容器的剩余空间。有点像这样：数据将从数据库中加载，但我不确定这样做的可能性。在从数据库加载对象之前，我试图重新创建这个布局，但无法解决如何使每行上的最后一个容器填充剩余空间。px"></li>'; 如果有人能解释一种方法，我可以动态地调整每一行的最后一个容器的大小，使其齐平，我将非常感谢。但我不想使用模板或插件，因为我更愿

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

1回答

调整ng网格中页脚列的大小

css、angularjs、ng-grid

我想在页脚中添加一行，其中包含每个列的总价值。使用页脚模板，我设法做到了，到目前为止还不错。提前谢谢。

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

回答已采纳

1回答

引导对齐列中的3幅图像

html、css

当分辨率很小时，我想在列内制作3幅图像。当使用col-md-4时，它将变成一行。如何使它与一个列事件屏幕分辨率是小的大小。

浏览 0提问于2018-03-24得票数 0

回答已采纳

1回答

自定义网格，如何调整bootstrap呢？

html、css、bootstrap-4

一位客户为我处理了一个自定义网格的非常具体的措施，不是100%确定如何处理它。1280px**Column: (76px) (12 columns)我一直在搜索，发现Bootstrap4有自定义网格的选项： $grid-gutter-widths: ( sm: $grid-gutter-width

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

3回答

Bootstrap响应式图像适合父高度，全宽拉伸

css、twitter-bootstrap、responsive-design、responsive-images

我有一个特定高度(例如600px)的行，我想将一个img (大小为1920x1080)放入此行，相应地将其拉伸到行宽100%，但不超过高度。换句话说，应该只显示600px的图像高度(其余的可以被剪切、隐藏等)，并且应该保持对行宽的响应。为了说明这一点，应该只显示红色边框内的部分：我遇到的问题是"img-fluid“总是使图像适合容器的较小高度，从而缩小宽度以保持纵横比。如果没有

浏览 0提问于2017-11-14得票数 1

1回答

网格的行宽等于它的另一列的高度(在XAML中)

.net、wpf、xaml、grid

如何在XAML中将网格的行宽设置为同一网格的另一列的高度？网格的内容在视图框中，当改变窗口的大小时，应根据需要调整其大小。我已经尝试过大小共享选项， <RowDefinitionViewbo

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

1回答

SQLPLUS输出:如何自动获取每列的最小列宽？

oracle、sqlplus

我试过设置行宽，但这不是我的目的，有没有办法把每一列的宽度缩小到适合这些值的最小值？或者自动子串每一列，以便它们都适合屏幕？谢谢。

浏览 5提问于2012-04-30得票数 6

回答已采纳

2回答

多个屏幕的图像响应

html、css

我一直在使用bootstrap来尝试让我的网页的这一部分在缩小网页的同时正确地显示图像。它们保持在一行中这很好，似乎带bootstrap的列/行方法真的成功了；我如何才能让它们随着页面一起缩小，以便它们可以在网页显著缩小时保持更长的时间，并且整体上看起来更好？/assets/reset.css"> <link rel=&q

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

2回答

如何将媒体查询应用于视差背景之上的跨文本？

jquery、html、css

我创建了一个带有视差背景(stellar.js)的Bootstrap 3网站。我正在努力创建一个居中的文本在这个背景之上的跨度标签，这应该改变它的大小响应根据屏幕的大小。由于“背景照片跨度”使用的固定宽度为1280 As，我打算在宽度上应用媒体查询，从而在较小的分辨率上相应地更改大小。问题是，我的媒体查询不能在767和1223 of的屏幕宽度之

浏览 4提问于2013-12-27得票数 1

回答已采纳

1回答

反作用力表中固定宽度的设置

javascript、html、css、reactjs、reactstrap

我正在使用Reactstrap中的table属性创建一个表。当我为第四列创建表并输入值时，每个列的宽度是不同的，有些非常宽，而另一些则太窄。是否可以调整表标题，使列宽度可调或宽度相同？

浏览 4提问于2021-03-16得票数 1

回答已采纳

1回答

防止在更改列和行维时调整图表大小

excel、charts、vba

图表的尺寸是固定的，提到图表应该是多少行和多少列宽。图表是用这些尺寸绘制的；但如果更改了列宽或行宽，则图表尺寸会相应增加。我想要一个代码，这将不会随着列和行维度的进一步变化调整图表的大小，一旦图表已根据原始的行和列的尺寸绘制。

浏览 0提问于2015-08-20得票数 0

4回答

Bootstrap 4 div填充问题

css

class="col-sm-4"> Your card </div>由于某些原因，为了“匹配”水平行中的下一个div，它具有尽可能多的填充。例如，如果第一个div是文本，那么第二个是文本，第三个是image...the前两个div“增长”到第三个的大小。我以为这个Bootstrap 4

浏览 0提问于2018-04-25得票数 1

0回答

引导程序“崩溃”正在破坏网格布局

html、twitter-bootstrap、gridview、collapse

我正尝试在bootstrap中创建一个可折叠的行。我将它排成一列，这样一行中就有三列(即col-xx-4)。当包含这些列的行未折叠时(即该行中有三列)，这些列将根据引导网格系统排列。但是，一旦我添加了一个折叠属性，它们就会打破网格结构，并且每一列都占据整行，就好像它是col-xx-12一样。由于某种原因，每一列div都会在左侧和右侧生成两个等宽的页边距，它们占据了整个行宽<

浏览 3提问于2017-12-06得票数 1

1回答

如何使用应用程序脚本动态调整google工作表的行宽和列宽？

google-apps-script、google-sheets

如何使用应用程序脚本动态调整行宽和列宽？注意:要调整列或行的宽度，我的意思是给宽度一些像素或英寸大小。我不是说自动大小来适应牢房里的内容。

浏览 5提问于2021-02-12得票数 3

回答已采纳

3回答

带有Twitter引导的响应行

html、css、twitter-bootstrap

我使用Twitter Bootstrap设置了两行三列，如下所示： <div class="col-md-4"> </Some more stuff <div class="col-md-4"> </div> </div>

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

回答已采纳

2回答

背景图像没有响应

html、css

在响应web设计期间，我注意到每当我将宽度小于1140 of (行宽)时，背景图像(页眉和审阅)、背景颜色(页脚)和图像(餐照部分)就会缩小到较小的大小，并且不会覆盖浏览器的100%宽度。请检查代码，让我知道我的代码中的问题。链接： Github：

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

回答已采纳

1回答

Bootstrap的accordion行为

css、twitter-bootstrap、accordion

我正在尝试一些Bootstrap技巧，但遇到了一个问题……我的页面上有三个“列表”：好友、状态更新和结果，它们在全电脑屏幕上显示在三列中。但是，当bootstrap将这些内容混入其他设备的一个垂直列中时，它会使列表变得不可能很长。所以，我希望全屏显示为pc屏幕3栏大小，但对于较小的平板电脑和手机，我希望它们能折叠成Bootstrap的手风琴类的标题。不过，

浏览 2提问于2014-04-29得票数 2

点击加载更多