Bootstrap 表格拆分單元格
[英]Bootstrap table split cells
問題描述
我發生了以下奇怪的事情。 我有下表：
<table border="1" cellpadding="1" cellspacing="1" class="table">
<tbody>
<tr>
<td colspan="2">Паша</td>
</tr>
<tr>
<td>Паша</td>
<td>Паша 2</td>
</tr>
</tbody>
只要我不添加 boostrap 表 class，它就可以正常工作。沒有 class，它看起來像這樣：
但是一旦我添加引導表 class，它看起來像這樣
<table border="1" cellpadding="1" cellspacing="1" class="table">
<tbody>
<tr>
<td colspan="2">Паша</td>
</tr>
<tr>
<td>Паша</td>
<td>Паша 2</td>
</tr>
</tbody>
知道這里發生了什么嗎？
PS 對不起，在我的國家看不到圖片（也許是某些街區？）。 添加這些以供參考。
此處未正確顯示的圖片是沒有 boostrap 的鏈接 - https://ikeen.com/img/blog/t1.jpg With bootstrap - https://ikeen.com/img/blog/t2.jpg
2 個解決方案
解決方案1
1 2021-02-17 10:26:08
我無法弄清楚這種奇怪行為的確切原因是什么。 也許，這可能是您在本地設置的引導程序版本的問題。 嘗試更新它或使用 CDN。 您可以在https://getbootstrap.com/docs/4.6/getting-started/download/找到它們
我使用了如下的bootstrap 4.6.0 ，它運行良好。
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
</head>
<body>
<table class="table table-bordered">
<tbody>
<tr>
<td colspan="2">Паша</td>
</tr>
<tr>
<td>Паша</td>
<td>Паша 2</td>
</tr>
</tbody>
</table>
</body>
解決方案2
0 2021-02-17 08:54:04
我不知道如何以及為什么，但這似乎有效。 我認為引導程序中的標簽有問題
<table class="table table-hover">
<tbody>
<tr>
</tr>
</tbody>
<tbody>
<tr>
<td colspan="2">Безлимитный интернет на скорости 40 Мбит в секунду</td>
</tr>
<tr>
<td>Всего за 4500 тенге в месяц</td>
<td>Оборудование в подарок</td>
</tr>
</tbody>
如何在已拆分的 Bootstrap 表中拆分單元格
[英]How to split cells within Bootstrap table which have been already splited
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.