Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何将按钮放在页面的中间右侧(引导)_Css_Twitter Bootstrap - Fatal编程技术网

Css 如何将按钮放在页面的中间右侧(引导)

Css 如何将按钮放在页面的中间右侧(引导),css,twitter-bootstrap,Css,Twitter Bootstrap,我试着在页面的右中角放一个按钮,但是我怎么也做不到。有给我的小费吗? p、 s:tabPage是这里最大的div var scriptRow = $('<div class="row"/>').appendTo(tabPage); var scriptRowInnereDiv = $('<div class="col-xs-12"/>').appendTo(scriptRow); var scriptDiv = $('<div

我试着在页面的右中角放一个按钮,但是我怎么也做不到。有给我的小费吗? 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);

将所有包裹的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);

在css中,将容器高度设置为100%,并将按钮置于主容器中。如果这是用于图像滑块,请使用引导旋转木马。我尝试在单击按钮后弹出一种弹出对话框。但它需要与主容器具有相同的大小和高度。数小时后仍然没有运气:检查此项。这可能适合你的要求-