css - 如何在页面的右中放置一个按钮( Bootstrap )

Question

我想在页面的中间右侧放置一个按钮，但我怎么试都做不到。给我小费吗？p.s:tabPage 是这里最大的 div )

 var scriptRow = $('<div class="row"/>').appendTo(tabPage);
         var scriptRowInnereDiv = $('<div class="col-xs-12"/>').appendTo(scriptRow);
         var scriptDiv = $('<div class="col-xs-10"/>').appendTo(scriptRowInnereDiv);
         var scriptPanel = sincapp.ui.createScriptPanel(value, tabPage, "text/x-rsrc");
         scriptPanel.appendTo(scriptDiv);
         var ButtonDiv= $('<div class="col-xs-2"/>').appendTo(scriptRowInnereDiv);
         $('<button style="margin-right:0">-></button>').appendTo(ButtonDiv);

Answer 1

将所有包裹的 div 设置为所需的高度像这样

    html,body, .container, .c, .tabPage{
       height:100%;
    }

并添加

    .x{
       float:right;
       top:50%;
     }

在 html 中

     var scriptRow = $('<div class="row-fluid c"></div>').appendTo(tabPage);
     var scriptRowInnereDiv = $('<div class="col-xs-12 c"/>').appendTo(scriptRow);
     var scriptDiv = $('<div class="col-xs-10"/>').appendTo(scriptRowInnereDiv);
     var ButtonDiv= $('<div class="col-xs-2 c"/>').appendTo(scriptRowInnereDiv);
     $('<button class="btn-group x">-></button>').appendTo(ButtonDiv);