Javascript 如何使这些按钮向右浮动，并以一定的垂直间距垂直对齐

下面是我的代码

带有当前代码的按钮显示在底部，而我希望它们以垂直方式显示在最右边的位置。下面是我的代码

<div class= "container-fluid">
    <div class = "row">
        <div class = "col-sm-2">
        </div>

        <div class = "col-sm-8">
            <div name="visList">
                <div name="dispTestList">
                    <div class = "panel" >
                        <div class="panel-body">
                            <div class="row">
                                <div name="col-sm-2"><h4>ABC HEADING</h4>
                                </div>
                                <div name="col-sm-4">
                                    Desc1 : <span>Random Desc</span> | Desc 2 : 
                                    <span>Some Random</span> | Desc3 : <span>Random Desc</span> | Desc 4 : 
                                    <span>Some Random</span>
                                </div>
                                <div name="buttonSection" class="col-sm-6">
                                    <div class="pull-right">
                                        <a class = "btn btn-success" style="margin-top: 1%;">Take Test</a>
                                        <a class="btn btn-success">View Result</a>
                                        <a class="btn btn-success">View Answers</a>
                                    </div>
                                </div>
                            </div> <!-- Row -->
                        </div> <!-- Panel Body -->
                    </div> <!-- Panel -->

                </div>
            </div> <!-- visible the section -->
        </div> <!-- col-sm-8 -->

        <div class = "col-sm-2">
        </div>

    </div> <!-- Row -->
</div> <!-- container fluid -->

ABC标题
描述1：随机描述|描述2：
一些随机描述3：随机描述4：
一些随机的

我想按钮得到如下网页显示

要将按钮与右侧对齐，请尝试：
div.pull-right{float:right；}
。如果希望按钮垂直堆叠，也可以将其放入列表中

<div class="pull-right">
    <ul class="buttons">
        <li><a class = "btn btn-success" style="margin-top: 1%;">Take Test</a></li>
        <li><a class="btn btn-success">View Result</a></li>
        <li><a class="btn btn-success">View Answers</a></li>
    </ul>
</div>



考试
查看结果
查看答案


（要删除项目符号，可以使用列表样式的简写CSS，如下所示：
ul.buttons{list style:none}
）
向右拉并不会将其拉到面板的最右边。它正被夹在两者之间。我想，这是因为面板主体和行类之间的空白。如何解决这个问题？添加conatiner流体可以解决这个问题吗？我刚刚尝试了你在问题中链接到的小提琴上的
div.pull-right{float:right；}
，不幸的是，按钮对我来说是非常右对齐的，这使得建议修复非常困难。你能提供一些关于你看到的东西的更多信息吗？有可能我的OS+浏览器组合处理这个问题的方式有点不同，或者小提琴缺少了你问这个问题后所做的一些更改？