bootstrapでクラスを複数指定したい

Question

<table class="table table-sm">
  <thead class='thead-dark'>
    <tr>
      <th class='text-center' width="50%">Last Name</th>
      <th class='text-center' width="50%">Username</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class='text-center'>斎藤</td>
      <td class='text-center'>ひろし</td>
    </tr>
  </tbody>
</table>

このテーブルのクラスに
枠線を追加したいのですが、

<table class="table table-sm table-bordered">

一方しか、適応されません。。

Comments

[m.ts10806]

なぜ、できないと思ったのでしょうか？試した上なら分かるのですが、どの指定も打ち消すような指定はないように思うのですが。BootStrapなどフレームワークを使いながらwidthを指定しているのも気にはなりますけど。

[rowarubchinsky]

試した上で、一応したんですが、やはりできないです。どこか別の部分が間違っているのでしょうか。。。

[m.ts10806]

では「できないので」という表現は調整願います。少しの文章の違いでご自身の状況が正しく伝わらないので、そうなると無用なやりとりが何度も発生してどちらも浪費するだけになりますので。

[rowarubchinsky]

ご指摘ありがとうございます。　クラス指定に順番は関係ないと把握しているので、他に考えられる方法は何かありましたら、ご意見いただきたいです。

[x_x]

「一方しか」というのは一部分に線が出て、一部分に線が出ないということを言っていますか？

[m.ts10806]

結局どのように解決されたのでしょうか？差し支えなければ回答にコメントいただけたらと。https://teratail.com/help/question-tips#questionTips4-2

[rowarubchinsky]

theadがどうも大きくなってしまうので、消して二列ともtbodyないに記述すると、いけました

[m.ts10806]

回答にコメントいただけたらと。ここはあくまで質問本文に対することや解決していそうにも関わらず解決済みになっていない質問へのコメント欄です。

[m.ts10806]

あとおそらくその内容、解決したこととは関係なさそうです。私の回答は「再現しないのでキャッシュクリア試してみてね」なので。もし本当にそれで解決とするなら自身で回答を書いて自己解決としてください。ベストアンサーに選ばれた回答と実際の解決方法が離れていては後から似たような問題をかかえた誰かがみたときに何の参考にもなりません。

Answer 1

結論から言います。
再現しません。

<table class="table">

<table class="table table-sm">

<table class="table table-bordered">

<table class="table table-sm table-bordered">

BootStrapはCDNで利用。

• Bootstrap-Introduction

GoogleChrome最新を使用。

添付画像を見ていただいたら分かるかと思いますが、
いずれの指定もきちんと効いています。
分かりづらい場合はthに入れているthead-darkの指定をとって確認してみてください。

ご自身で何かしらtableに関わるStyleをあてたりしていませんか？
ブラウザキャッシュクリアは試しましたか？（スーパーリロード）
そのあたりご確認ください。

Comments

[rowarubchinsky]

theadがどうも大きくなってしまうので、消して二列ともtbodyないに記述すると、いけました