html - 引导面板中的表格将分界线从粗到细

这是引导面板内的屏幕截图或表格。代码如下：

<table class="table">
                <thead>
                    <tr>
                        <th>Mon</th>
                        <th>Tue</th>
                        <th>Wed</th>
                        <th>Thu</th>
                        <th>Fri</th>
                        <th>Sat</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        @for (int i = 0; i < 7; i++)
                        {
                            var meetingTime = meeting.MeetingTimes.FirstOrDefault(m => m.MeetingDay == (DayOfWeek)i);
                            <td>
                                @if (meetingTime != null)
                                {

                                    @meetingTime.MeetingTime.ToString("h:mmt")<br />
                                    foreach (var type in meetingTime.MeetingTypes)
                                    {
                                        <a data-placement="left" data-toggle="tooltip" title="@type.LongName">@type.ShortName</a><br />
                                    }
                                }
                            </td>
                        }
                    </tr>
                </tbody>
            </table>

这仅仅是一个错误还是我做错了什么？页眉行顶部的水平线结束，并且其下方的线在同一位置从粗变细。

屏幕截图来自chrome内部。但是同一件事发生在IE内以及手机上的chrome内。我相信它们是最新版本。

最佳答案

问题是<thead>和<tbody>标记中的列数不同。忘了包括星期日！哎呀

关于html - 引导面板中的表格将分界线从粗到细，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37264999/