Bootstrap，无法创建具有彩色背景和250像素高度以及col-md-12宽度的容器

Question

使用col-md-12的bootstrap创建容器时遇到问题，宽度为250px。到目前为止，这是我的代码，我错过了什么？我还有需要居中的文本以及位于其下方的5个按钮。

.container set4 {
	background: black;
	height: 250px;

}

<div class="container set4 row col-md-12 text-center">
  <h2>Past Events</h2>

  <div class="button1">
    <a class="btn btn-clear btn-sm btn-min-block" href=
    "http://www.jquery2dotnet.com/">ALL EVENTS</a><a class=
    "btn btn-clear btn-sm btn-min-block" href=
    "http://www.jquery2dotnet.com/">CORPORATE</a><a class=
    "btn btn-clear btn-sm btn-min-block" href=
    "http://www.jquery2dotnet.com/">WEDDING</a><a class=
    "btn btn-clear btn-sm btn-min-block" href=
    "http://www.jquery2dotnet.com/">COMMUNITY</a><a class=
    "btn btn-clear btn-sm btn-min-block" href="http://www.jquery2dotnet.com/">+</a>
  </div>
</div>

Answer 1

你有几个拼写错误，并且没有针对正确的div，请参阅小提琴：https://jsfiddle.net/c259LrpL/9/

set4需要是.set4，因为你想在col-md-12列中定位div set4，你应该使用下面的css。

.set4 > .row > .col-md-12{
    background-color: black;
    height: 250px;
}