Html 另一个全尺寸元素旁边的hr元素（bootstrap 3.3.7）

我想将

元素放在我的图标旁边，我将显示样式设置为

.inline grid

，让hr元素正好放在我的图标旁边。 问题是我需要给它一个宽度，因为内联网格需要它的全尺寸宽度

hr元素如何可以是全尺寸的，并且仍然在图标之间

在样式中设置这些属性

垂直对齐：中间；保证金：0
使用display flex显示内嵌网格


hr{
弹性：1；
}
.包装纸{
光标：指针；
宽度：100%；
}

v

v
您可以尝试以下方法：

<div class="row">
<span style="cursor: pointer">
  <span class="glyphicon glyphicon-chevron-down">V</span>
  <hr class="m-0 pl-3 pr-3">
  <span class="glyphicon glyphicon-chevron-down">V</span>
</span>


v

v

使用行和列表示宽度。
元素仍然应该是水平的，它应该像未修改的
元素一样占据整个空间。@LastChar23我更新了代码，在hr上使用了这些似乎不起作用的样式。现在，图标位于线条上方和下方。顺便说一句，你可以把我问题中的剪贴添加到你的回答中，然后修改它。该死的，我只是看到我的剪贴中没有使用正确的引导版本。我使用的是3.3.7版，此方法不适用于此版本：/I将编辑我的问题。如果您现在仍然支持Bootstrap3.3.7，也可以发布它，并将其他代码作为“Bootstrap4.0代码”。当我获得足够的投票代表时，你将获得+1。好的，我刚刚将4.3中的类复制到我的页面上，它可以工作：）