Html 引导：页边距中的按钮

我试图得到以下布局与上一页和下一页边距按钮

我觉得有可能比我现在做的更干净的方法。特别是我有一个问题，保持一个20像素的空白按钮和标题/正文之间

这是一把小提琴

和代码：

#标题{
高度：30px；
背景色：红色；
}
#中间的{
边缘顶部：30px；
高度：100px；
背景颜色：黄色；
}

上
下一个

像这样的东西

你好，Lorem ipsum dolor sit amet，我是一位杰出的献祭者。在区分无过错的权利和义务时，应注意最大限度地保护被驱避的分子。

您能试试这个吗： HTML:

<div class="row">
  <div class="col-sm-1" id="left">
    <button>Prev</button>
  </div>
  <div class="col-sm-10">
    <div id="title"></div>
    <div id="middle"></div>
  </div>
  <div class="col-sm-1 pull-right" id="right">
    <button>Next</button>
  </div>
</div>

#title{
  height:30px;
  background-color:red;
}

#middle{
  margin-top:30px;
  height:100px;
  background-color:yellow;
}

#left {
  margin-bottom: 10px; 
}

#right {
  clear: both;
  margin-top: 10px;
}

---

是的，这将是一种行为，但在大屏幕上，PREV。按钮应保持在标题div和下一个标题div的左侧20像素处。按钮应贴在黄色主体右侧20px处。而现在它会粘在左边或右边，这在很大的屏幕上是不美观的。是的，但是“下一步”按钮应该始终保持在页面底部，我想控制按钮和文本或按钮和正文之间的边距大小。@michltm您可以将“下一步”按钮放在单独的一行中<代码>：）