空室案内

部屋No.タイプ定員喫煙料金
402ツイン 2名 8,800円
407ダブル 2名不可7,800円
501シングル1名不可4,800円
605シングル1名 4,800円
608シングル1名 5,200円
702DXツイン3名不可13,800円
703DXダブル3名不可12,800円

          table {
            border-collapse: collapse;
          }
          /* これは table 要素の設定 */

          .table {
            width: 100%;
            max-width: 100%;
            margin-bottom: 1rem;
            background-color: transparent;
          }
          
        .table th,
        .table td {
          padding: 0.75rem;
          vertical-align: top;
          border-top: 1px solid #dee2e6;
        }
        
        .table thead th {
          vertical-align: bottom;
          border-bottom: 2px solid #dee2e6;
        }
          

空室案内

table.table.table-striped

thead.thead-dark

部屋No.タイプ定員喫煙料金
402ツイン 2名 8,800円
407ダブル 2名不可7,800円
501シングル1名不可4,800円
605シングル1名 4,800円
608シングル1名 5,200円
702DXツイン3名不可13,800円
703DXダブル3名不可12,800円
        .table-striped tbody tr:nth-of-type(odd) {
          background-color: rgba(0, 0, 0, 0.05);
        }
      

空室案内

table.table.table-hover

部屋No.タイプ定員喫煙料金
402ツイン 2名 8,800円
407ダブル 2名不可7,800円
501シングル1名不可4,800円
605シングル1名 4,800円
608シングル1名 5,200円
702DXツイン3名不可13,800円
703DXダブル3名不可12,800円
      .table-hover tbody tr:hover {
        background-color: rgba(0, 0, 0, 0.075);
      }
      

空室案内

div.table-responsive>table.table

table要素の親要素に指定する

部屋No.タイプ定員喫煙料金
402ツイン 2名 8,800円
407ダブル 2名不可7,800円
501シングル1名不可4,800円
605シングル1名 4,800円
608シングル1名 5,200円
702DXツイン3名不可13,800円
703DXダブル3名不可12,800円

      .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
      }
      .text-nowrap {
        white-space: nowrap !important;
      }