Buttons中的HTML垂直线 我试图在中间设置一个垂直线，中间有Bootstrap。< /P>

使用引导简单垂直线：

 <div class="row">
    <div class="col-md-6" style="padding-right:20px; border-right: 1px solid #ccc; " >                              
        Area 1
    </div>  
    <div>
        Area 2
    </div>
</div>  

一区
区域2

上面只显示了一条垂直线，但我想能够在垂直线的中间加上这些。< /P>

<span class="glyphicon glyphicon-arrow-left"></span>
<span class="glyphicon glyphicon-arrow-right"></span>       

我真的不知道如何使用CSS定位它。有什么好办法吗？ 有什么建议吗

编辑： 我补充说-

<div class="round" style="position: absolute; top: 40%; right: -13px;">
    <span class="glyphicon glyphicon-chevron-right" style="font-size: 1.2em; cursor: pointer;"></span>
</div>
<div class="round" style="position: absolute; top: 55%; right: -14px;">
    <span class="glyphicon glyphicon-chevron-left" style="font-size: 1.2em; cursor: pointer;"></span>
</div>

---

它可以工作，但垂直线在按钮之间。。有什么更新建议吗？

试试这样的方法

 <div class="row">
<div class="col-md-6">                              
    <div style="padding-right:20px; border-right: 1px solid #ccc; " >Area 1</div>
</div>  
<div>
    Area 2
</div>

一区
区域2

---

您可以在css中使用after选择器：

使用它，您可以执行以下操作：

<div class="row">
    <div class="col-md-6 myStyle" style="" >                              
        Area 1
    </div>  
    <div>
        Area 2
    </div>
</div> 


.myStyle { 
padding-right:20px; border-right: 1px solid #ccc; }
.myStyle::after{
 font-family: 'Glyphicons Halflings';
 content: "whatever the icon you want is";
}

一区
区域2
myStyle{
右侧填充：20px；右侧边框：1px实心#ccc；}
.myStyle：：之后{
字体系列：“字形图标半身人”；
内容：“你想要的图标是什么”；
}

然后你可以使用CSS来定位你想要的图标。

---

如果您想使用多个图标，可以使用右侧按钮上的：before选择器和左侧按钮上的after选择器。

谢谢您的建议。我试着把它放在模态中，但它只显示在模态的最底部。。我只是使用相对位置/绝对位置来实现。不知怎的，当我调整浏览器的大小时，我觉得它会坏掉=\