C# 表响应的引导对齐问题

我正在用ASP.NETMVC制作一个日历，根据SQL数据库中存储的特定日期的内容，动态地向每天添加锚链接。我正在使用一个带有

table responsive

类的html表格来格式化宽度等

基本上，我希望表中的所有列都是响应的，但有点固定。根据添加到col-xs-12的锚的数量，它可以向右看（下图中的第5天和第6天）或向右添加间距。多个锚元素或事件的右侧间距是我的问题。我该如何着手解决这个问题？我应该为2个或更多按钮添加另一行吗？我不知道如何解决这个问题，我不是一个专业的用户界面人员。任何帮助都将不胜感激。我可以提供任何其他需要的文件

html:

2017年1月
下午7:44:45
2017年1月16日，星期一
星期日
星期一
星期二
星期三
星期四
星期五
星期六
2.













提醒
注

@如果（Model.memberCount>0 | | Model.NoteCount>0 | | Model.BirthdayCount>0 | | Model.Holiday！=null）
{
@如果（Model.notecont>0）
{
@Model.NoteCount
}
@如果（Model.rementercount>0）
{
@模型提示计数
}
@如果（Model.BirthdayCount>0）
{
@Model.BirthdayCount
}
@如果（Model.Holiday！=null）
{
1.
}
}

问题已经解决。我用这个问题来回答它

table {
    table-layout: fixed;
    word-wrap: break-word;
}

模板：

<td style="width:14%">content</td>

内容

将宽度更改为14px，然后我删除了引导

btn

border width

最终结果和快乐露营：

而且它在移动设备中看起来也很合适：

@model Common.Calendar.DTODay

<div class="row">
    <div class="form-group col-md-8 col-xs-1">
        @if (Model.IsCurrentDay)
        {

            <div class="circle">@Model.DayNumber</div>
        }
        else
        {
            <div class="@(Model.IsOtherMonth ? "otherMonthDay" : "currentMonthDay")">@Model.DayNumber</div>
        }
    </div>
    <div class="form-group col-md-4 col-xs-1 mml5">
        <a class="btn btn-primary btn-xs dropdown-toggle" data-toggle="dropdown" href="#">
            <span class="fa fa-plus" title="Toggle dropdown menu"></span>
        </a>
        <ul class="dropdown-menu">
            <li><a onclick="addReminder('@Model.FullDate')"><i class="fa fa-clock-o fa-fw"></i> Reminder</a></li>
            <li><a onclick="addComment('@Model.FullDate')"><i class="fa fa-sticky-note-o fa-fw"></i> Note</a></li>
        </ul>
    </div>
</div>

@if (Model.ReminderCount > 0 || Model.NoteCount > 0 || Model.BirthdayCount > 0 || Model.Holiday != null)
{
    <div class="row">
        <div class="col-sm-12">
            @if (Model.NoteCount > 0)
            {
                <a class="btn btn-success btn-xs inline mobileReminder " onclick="displayNote('@Model.FullDate')">
                    <i class="fa fa-sticky-note-o fa-fw"></i><span class="eventSizeSmall">@Model.NoteCount</span>
                </a>
            }

            @if (Model.ReminderCount > 0)
            {
                <a class="btn btn-danger btn-xs inline mobileReminder " onclick="displayReminder('@Model.FullDate')">
                    <i class="fa fa-clock-o fa-fw"></i> <span class="eventSizeSmall">@Model.ReminderCount</span>
                </a>

            }

            @if (Model.BirthdayCount > 0)
            {
                <a class="btn btn-birthday btn-xs inline mobileReminder " onclick="displayBirthday('@Model.FullDate')">
                    <i class="fa fa-birthday-cake fa-fw"></i><span class="eventSizeSmall">@Model.BirthdayCount</span>
                </a>
            }

            @if (Model.Holiday != null)
                     {
                    <a class="btn btn-warning btn-xs mobileReminder" onclick="displayHoliday('@Model.FullDate')">
                        <i class="fa fa-bullhorn fa-fw"></i><span class="eventSizeSmall">1</span>
                    </a>
                }
        </div>
    </div>
}

table {
    table-layout: fixed;
    word-wrap: break-word;
}

<td style="width:14%">content</td>