Bootstrab tr class =" info"版本3.3.7仍然无法正常工作

时间:2017-01-31 08:32:30

标签: html css twitter-bootstrap

我在虚拟工作室2015中使用Bootstrap版本3.3.7。问题是当我想使用Contextual Classes表时,它会显示除蓝色' info'之外的所有行颜色。 现在我尝试更新,但它显示3.3.7是最后一个版本包。 任何人都可以帮助解决这个问题。

   <tr class="success">
    <td>Success</td>
    <td>Doe</td>
    <td>john@example.com</td>
  </tr>
  <tr class="danger">
    <td>Danger</td>
    <td>Moe</td>
    <td>mary@example.com</td>
  </tr>
  <tr class="info">
    <td>Info</td>
    <td>Dooley</td>
    <td>july@example.com</td>
  </tr>

这只是我代码的例子。

2 个答案:

答案 0 :(得分:1)

要获得您想要的内容,您需要为表格设置class="table"

&#13;
&#13;
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<table class="table">
<tr class="success">
    <td>Success</td>
    <td>Doe</td>
    <td>john@example.com</td>
  </tr>
  <tr class="danger">
    <td>Danger</td>
    <td>Moe</td>
    <td>mary@example.com</td>
  </tr>
  <tr class="info">
    <td>Info</td>
    <td>Dooley</td>
    <td>july@example.com</td>
  </tr>
</table>
&#13;
&#13;
&#13;

答案 1 :(得分:-1)

这是我的代码

@{
    ViewBag.Title = "Details";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<table class="table table-bordered">
    <thead>
      <tr class="active">
            <th>Activtät</th>
            <th>Läuft?</th>
        </tr>
    </thead>
    <tbody>
        <tr class="info">
            <td>@Html.DisplayNameFor(model => model.systemtyp)</td>
            <td>@Html.DisplayFor(model => model.systemtyp)</td>

        </tr>
        <tr class="info">
            <td>@Html.DisplayNameFor(model => model.CadWorkerlauftstartet)</td>
            <td>@Html.DisplayFor(model => model.CadWorkerlauftstartet)</td>

        </tr>
        <tr class="danger">
            <td>@Html.DisplayNameFor(model => model.PublizierWarteschlangeuberprufen)</td>
            <td>@Html.DisplayFor(model => model.PublizierWarteschlangeuberprufen)</td>

        </tr>

The photo shows , are working