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);

如何在页面中间右侧放置一个按钮（bootstrap）

1 个答案: