我有一个包含8张卡片的bootstrap列，几乎可以从getbootstrap (https://getbootstrap.com/docs/4.1/components/card/#card-columns)中创建"masonry“效果--虽然我在JSFiddle示例中只使用了一个在线图像，并且我删除了卡片标题等……我的问题是:我想将缩略图之间的间距(间距)减少到大约2像素，但似乎根本不起
浏览 38提问于2019-01-31得票数 3
回答已采纳
我有一个列表组，但是我想降低每个列表组项目之间的直线高度。我尝试了下面的内容，但是最后一个li的格式是关闭的，因为边距底部没有被应用。 .list-group-item{ margin-top: -6px; <li class="list-group-item d-flex p-0 border-0"
浏览 0提问于2019-11-14得票数 0
回答已采纳
我是bootstrap 4的新手，并且在多个地方使用类"row“。我想在其中一个带有class行的div标签中添加一个左边界，所以我在div标签中添加了一个id。
浏览 17提问于2020-04-09得票数 1
看起来额外的绿色空间来自于列宽。<div class="row"> <img src="img/thumbnail1.png"> <div class="col-md-4"> <&#x
浏览 8提问于2017-09-20得票数 0
好的，当使用Bootstrap构建一个站点时，你使用了很多列，比如col 4、col 3、col 6等等……避免这种情况的最佳实践是什么？您是否应该对列结构中不包含的内容使用col-md-12，或者是否有一些很棒的CSS可以解决这个问题？谢谢。
如果需要，我将添加一个更详细的示例。
浏览 7提问于2020-05-22得票数 1
1回答
我的页面上有一张卡片，它的标题是用户的名字。名字有时比卡片还长，之前溢出的是省略号，悬停时会出现一个工具提示来显示全名。现在应该在某种程度上改变它，如果它溢出，那么文本的字母间距属性将一直减少到-2，然后它将开始真正的溢出省略号。如何从封闭div的可用宽度计算值？或者，它还应该如何实施。当前状态：对于可以与字母间距匹配的名称：-2对于长名称：对于短名称：注意，容器大小在所有卡片上都是相同的！
浏览 0提问于2021-03-24得票数 0
我刚刚用bootstraps 4.5版本创建了4张卡片，但是间距真的很差，而且我不知道如何减少卡片的间距，如果你仍然对图像感到困惑，你可以width : 55%;} <div class="row">
<div class="co
浏览 24提问于2021-11-17得票数 0
我正在使用bootstrap 4 ，但是我在firefox和chrome for mac上得到了不同的结果。基本上，当布局中有一些项目时(在我的例子中是2)，在chrome中，它们在同一列中堆叠在一起，在ff中，它们分布在不同的列中。现在我搞不懂这是不是Bootstrap 4的问题，或者实际上是那些浏览器中多列布局的不同实现(BS使用column-count css属性来实现此布局)。有没有猜想我怎样才能在chrome中实现和ff中一样的表示，这样项目就会分布在
浏览 0提问于2016-10-18得票数 3
当实现bootstrap 3列设计时，列之间的间距不均匀，因为bootstrap css定义了具有左右填充= 15px的col 4。.col-md-4 { padding-left: 15px; padding-right: 15px; }
.co
浏览 1提问于2016-09-23得票数 0
1回答
所以我有两列卡片，每个卡片都有inline-block属性。每个卡片的高度都是可变的，所以在每个卡片之间有不均匀的空白，如下所示：如果没有两个单独的列，如何才能使每张卡片之间的间距均匀呢？
浏览 0提问于2015-08-24得票数 3
1回答
下面是元素的css； border: 1px solid;它将边框显示为；如果我添加height: 1.2em，它会减少底部的间距，但不会减少顶部的间距；如何缩小文本上方的间距？我使用的是bootstrap主题，我想要的边框元素是位于导航栏右上角的'WrapBootstrap‘。
浏览 2提问于2014-08-15得票数 3
我有一个清晰的布局设计为1200px / 15 cols框架，但我的客户只想使用Bootstrap 4与SASS。是否有可能将Bootstrap转换为15 cols布局？我不是一个小项目的Bootstrap的超级粉丝。老实说，这是一种我不理解的趋势。对于一个5页的网站来说可能太重了&项目通常是根据内容完成的，而不是根据一些框架，无论是否有Twitter支持。
浏览 1提问于2017-01-07得票数 2
我正在使用bootstrap4来制作原型。我有两个输入域，每个输入域占用6列。有没有办法减少两个输入域之间的间距？
浏览 0提问于2018-04-17得票数 0
4回答
我使用的是bootstrap 4 alpha 6。我不知道为什么在第二个卡片组上使用mt-20不能做到这一点。div class="card text-center"> <h4class="card-title">Permits</h4>
浏览 2提问于2017-04-04得票数 37
回答已采纳
嘿，伙计们，我正试着用普通的bootstrap创建一副扑克牌<div className="container"> <MyCard /> <MyCard /><div
浏览 2提问于2020-04-09得票数 0
2回答
我正在写一个bootstrap代码，里面的列我已经定义了div的背景颜色，但是，背景颜色滚动到内容，由于数据的变化，它看起来不均匀的数据一些列更高，一些更小。我选择这种方法是因为我需要列之间的间距，这样它看起来就像是圆边的卡片。我怎么能有相同的列的高度。 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css&#x
浏览 16提问于2020-04-30得票数 0
我使用的是react-bootstrap，我有4张卡片，我想在桌面版本中一行展示它们，在平板版本中在一张raw中展示2张卡片，而不是在一列中显示所有的卡片。下面是我的代码： import Card from 'react-bootstrap/Card'
<Card.Img variant="top"src={skill.con
浏览 24提问于2020-07-13得票数 1
回答已采纳
2回答
我在一个Angular项目中使用Bootstrap4，我注意到框架在使用.col类时会自动留出一些左边距。问题是我不能删除边距，因为即使是检查员也告诉我边距为none。
我该怎么办？
浏览 0提问于2018-02-05得票数 0
1回答
引导:在列之间添加页边距
、、、
我试图在我的引导网格布局的列之间添加额外的空白空间。这是我的代码：<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"justify-content-between">
浏览 7提问于2022-03-02得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
