Twitter bootstrap Bootstrap：如何设计类似于条件按钮组的语义UI

在我的网页中，我希望有一组两个按钮，例如

添加更多

或

全部保存

我正在使用Bootstrap3来设计页面。现在我知道Bootstrap允许按钮组如下所示：

但最近我访问了Aweasome button组，看到了下图：

我可以使用引导设计类似的按钮组（中间有一个圆圈中的条件“或”）吗？如果是，怎么做？

这是游戏，只需检查元素

Bootply：

HTML：

<div class="btn-group">
  <button class="btn">Left</button>
  <div class="or"></div>
  <button class="btn">Right</button>
</div>

.or {
  position: relative;
  float: left;
  width: .3em;
  height: 2.57142em;
  z-index: 3;
}

.or:before {
  position: absolute;
  text-align: center;
  border-radius: 500rem;
  content: 'or';
  top: 50%;
  left: 50%;
  background-color: #fff;
  text-shadow: none;
  margin-top: -.892855em;
  margin-left: -.892855em;
  width: 1.78571em;
  height: 1.78571em;
  line-height: 1.78571em;
  color: rgba(0,0,0,.4);
  font-style: normal;
  font-weight: 700;
  box-shadow: 0 0 0 1px transparent inset;
}