如何在javascript引导程序中将按钮放在另一个下面

Question

我正在使用bootstrap来构建我的界面。我目前有3个按钮，但它们排成一排。我想要发生的是把它们放在一起。我如何实现这一目标？

以下是按钮的代码：

    this.buttonOne = document.createElement("button");
    this.buttonOne .className = "btn btn-primary";
    this.buttonOne .innerHTML = "Create One";
    this.buttonTwo = document.createElement("button");
    this.buttonTwo .className = "btn btn-default";
    this.buttonTwo .innerHTML = "Create Two";
    this.buttonThree = document.createElement("button");
    this.buttonThree .className = "btn btn-default";
    this.buttonThree .innerHTML = "Create Three";

Answer 1

如果您需要btn-group，可以使用<div class="btn-group-vertical"></div>并将按钮放在那里。

Answer 2

您必须将班级btn-block添加到按钮

http://getbootstrap.com/2.3.2/base-css.html#buttons

Answer 3

请尝试

<强>显示：块;

  

.block_button {

   display:block;

}

     

this.buttonOne .className =“btn btn-primary block_button”;