小编GoO*_*ide的帖子

我正在尝试使用card-columnsBootstrap 4 中的类来创建动态页面，这些页面有时可能包含两个到多达 8 个不同的卡片。

现在，我的问题很简单：我试图在justify-content-around卡片上使用类之类的东西，这样，如果只有两张卡片，它们就会在彼此相邻的页面上居中。现在他们留在左边，他们不会从左边移动。

我只是在页面上并排地寻找两张卡片。

<div class="container">
<div class="card-columns">
  <div class="card">
    <div class="card-block">
      <h4 class="card-title">Card title</h4>
      <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
    </div>
  </div>
  <div class="card">
    <div class="card-block">
      <h4 class="card-title">Card title</h4>
      <p class="card-text">This is a longer card with shorter text.</p>
    </div>
  </div>
</div>
</div>

非常感谢帮助。

我的目标是为我的 Google 地图标记集群提供纯CSS图标。我在文档的“高级示例”（链接）中看到，纯 CSS 图标是可能的。然而，我一直无法将这个例子转化为我自己的项目。

我尝试用我的代码构建一个 JSFiddle，但由于 API 限制，我似乎无法通过 JSFiddle 初始化地图。当我在网站上运行代码时，它会向地图添加数字，但没有图标，如下所示。

我创建了一些样式

  var styles = [{
      width: 30,
      height: 30,
      className: "custom-clustericon-1",
    },
    {
      width: 40,
      height: 40,
      className: "custom-clustericon-2",
    },
    {
      width: 50,
      height: 50,
      className: "custom-clustericon-3",
    },
  ];

我尝试像这样初始化：

var markerCluster = new MarkerClusterer(map, markers,
            {
                styles: styles,
                clusterClass: "custom-clustericon", 
            });

我在哪里错过了标记？我希望拥有与“高级示例”中的标记图标完全相同的标记图标，但我不知所措。我在网上广泛搜索了仅css 图标的示例，但找不到任何独立的示例。非常感谢您的帮助。