Asp.net 带行和边距的引导对齐

Asp.net 带行和边距的引导对齐,asp.net,twitter-bootstrap,twitter-bootstrap-3,Asp.net,Twitter Bootstrap,Twitter Bootstrap 3,我正试着把我的按钮对准中间。当前被向右拉的文本,我想在我的按钮旁边,居中。我试着把每一行放在每一个可能的组合中,我试着用各种方式把东西放在中心,但就是做不好。 目前,我不得不使用来让所有内容保持在同一行。但一定有办法解决我所缺少的问题。如果我试图删除向右拉,它只会更改行,而不是将自身放在按钮旁边 代码: 当前外观: 我已经用这种方法解决了您的问题,试试这个,看看是否有效 <style> a.lnk-content, .lbl-score {

我正试着把我的按钮对准中间。当前被向右拉的文本,我想在我的按钮旁边,居中。我试着把每一行放在每一个可能的组合中,我试着用各种方式把东西放在中心,但就是做不好。 目前,我不得不使用

来让所有内容保持在同一行。但一定有办法解决我所缺少的问题。如果我试图删除
向右拉
,它只会更改行,而不是将自身放在按钮旁边

代码:



当前外观:

我已经用这种方法解决了您的问题,试试这个,看看是否有效

    <style>
        a.lnk-content, .lbl-score  {
            display:block;
            margin-left: 30px; /* adjust this based on your requirement*/
            margin-top: 10px;  /* adjust this based on your requirement*/
        }
    </style>

<td style="border: 1px solid black; height: 50px;">
    <div class="row">
        <div class="col-xs-7"> <!-- adjust the columns based on your needs -->
            <a href="#" class="lnk-content">this is my link</a>
        </div>
        <div class="col-xs-5"> <!-- adjust the columns based on your needs -->
            <div class="pull-left">
                <div><asp:LinkButton ID="UpVoteButton" runat="server" CssClass="btn btn-default btn-xs"><i class="fa fa-chevron-up" style="color:green"></i></asp:LinkButton></div>
                <div><asp:LinkButton ID="DownVoteButton" runat="server" CssClass="btn btn-default btn-xs"><i class="fa fa-chevron-down" style="color:red"></i></asp:LinkButton></div>
            </div>
            <div class="lbl-score">
                <asp:Label ID="LabelScore" runat="server" Text="Score: "></asp:Label>
                <asp:Label ID="LabelScoreValue" runat="server" Text="234"></asp:Label>
            </div>
        </div>
    </div>
</td>

a、 lnk内容,.lbl分数{
显示:块;
左边距:30px;/*根据您的要求进行调整*/
利润上限:10px;/*根据您的要求进行调整*/
}
这就是结果,你现在可以轻松地以任何方式调整它: 下面结果上的按钮显示不正确,因为我没有样式


我希望它能帮助您。

非常感谢您!我必须调整一些事情,但这正是我所需要的!
    <style>
        a.lnk-content, .lbl-score  {
            display:block;
            margin-left: 30px; /* adjust this based on your requirement*/
            margin-top: 10px;  /* adjust this based on your requirement*/
        }
    </style>

<td style="border: 1px solid black; height: 50px;">
    <div class="row">
        <div class="col-xs-7"> <!-- adjust the columns based on your needs -->
            <a href="#" class="lnk-content">this is my link</a>
        </div>
        <div class="col-xs-5"> <!-- adjust the columns based on your needs -->
            <div class="pull-left">
                <div><asp:LinkButton ID="UpVoteButton" runat="server" CssClass="btn btn-default btn-xs"><i class="fa fa-chevron-up" style="color:green"></i></asp:LinkButton></div>
                <div><asp:LinkButton ID="DownVoteButton" runat="server" CssClass="btn btn-default btn-xs"><i class="fa fa-chevron-down" style="color:red"></i></asp:LinkButton></div>
            </div>
            <div class="lbl-score">
                <asp:Label ID="LabelScore" runat="server" Text="Score: "></asp:Label>
                <asp:Label ID="LabelScoreValue" runat="server" Text="234"></asp:Label>
            </div>
        </div>
    </div>
</td>