Box外的Twitter Bootstrap Dropdown

Question

我正在使用Twitter引导程序，并且发现了一个问题，即按钮的下拉列表只显示在按钮所在的框外。

示例：https://gyazo.com/74c85b8290ccdfc16223fddd8bc2a4ad（您可以在右下角看到下拉列表）

                        <img style="display: block; margin-left: auto; margin-right: auto;" src="https://visage.surgeplay.com/head/206/<?php echo $pname;?>">
                    <!-- Single button -->
                    <div class="span7 text-center">
                        <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Actions <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu pull-right">
                            <li><a href="https://www.minecraftskinstealer.com/skin.php?u=<?php echo $pname;?>&s=700">View Skin</a></li>
                            <li><a href="https://namemc.com/s?<?php echo $pname;?>">Username History</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">Add Punishment</a></li>
                        </ul>