Question

在我的项目中，我使用bootstrap。

我的页面中有一张表有六个thead。

其中一个theads是“stat”，与其他人不同。

这是我的代码：

  <table class="table">
    <thead>
            <tr>
            <th>one</th>
            <th>two</th>
            <th>three</th>
            <th>
            <div class="btn-group">
            <button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            stat<span class="caret"></span></button>
            <ul class="dropdown-menu">
            ...
            </ul>
            </div>
            </th>
            <th>four</th>
            <th>five</th>
            </tr>
    </thead>
    <tbody>
    ....
    </tbody>
 </table>

但是这个数据有不同的背景表达。

我想要的是：

<div class="btn-group" role="group" aria-label="...">
 <button type="button" class="btn btn-default">one</button>
 <button type="button" class="btn btn-default">two</button>

 <div class="btn-group" role="group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  stat
  <span class="caret"></span>
 </button>
  <ul class="dropdown-menu">
  <li><a href="#">Dropdown link</a></li>
  <li><a href="#">Dropdown link</a></li>
  </ul>
 </div>
</div>

这些一，二和stat的元素看起来是一样的。但不幸的是，他们不在桌旁。

谁能帮帮我？

Answer 1

“stat”不同，因为它使用“按钮”而不是另一个字段。更改此代码

<div class="btn-group">
 <button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 stat<span class="caret"></span></button>
 <ul class="dropdown-menu">
      ...
 </ul>
</div>

到此代码

<div class="btn-group">
 <a class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  <b>stat</b><span class="caret"></span>
 </a>
 <ul class="dropdown-menu">
  ...
 </ul>
</div>

希望这能帮到你，祝你好运。

如何使th和btn-group具有相同的表达式？

1 个答案: