Question

在我的HTML页面中，我正在使用一个井来放置我的主页内容。代码如下：

$payload = json_encode( YOUR_ARRAY );

Header('Content-Type: application/json;charset=utf-8");
Header('Content-Length: ' . strlen($payload));
die($payload);

我的（相关）CSS如下：

       <div id="container">
            <div class="row">
                <div class="col-md-10"></div>
                <div class="well col-md-10 well-centered">
                    <p> Office name <span class="right-float">Your desk: <span id="desk-id">not set</span> </span></p>
                    <hr>
                    <div class="well col-md-6 well-centered well-background" align="center">
                        <p> <span class="glyphicon glyphicon-info-sign"></span>
                            Start your work by setting a name for your Desk</p>

                    </div>
                    <br>

                    <div class="btn-group btn-align">
                        <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-plus"> Add Queue</span></button>
                        <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-flag"> Set Desk Name</span></button>
                        <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-refresh"> Refresh Queue List</span></button>
                    </div>  
                </div>
                <div class="col-md-10"></div>
            </div>
        </div>

我的样子看起来像这样（我不知道我是以正确的方式上传的）：http://i60.tinypic.com/mm7xjp.png。有人知道如何将按钮组放在井内吗？现在，它部分放在外面。在此先感谢!!

Answer 1

在

之后添加<div class="clearfix"></div>

<div class="btn-group btn-align">
  <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-plus"> Add Queue</span></button>
  <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-flag"> Set Desk Name</span></button>
  <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-refresh"> Refresh Queue List</span></button>
</div>

Answer 2

将clearfix课程添加到.well

<div class="well col-md-10 well-centered clearfix">

按钮组内部没有定位

2 个答案: