2
我正在使用邊界右分隔Bootstrap網格中的列。但是，當一個單元在較小的屏幕上佔據更多高度時，此垂直線（邊界 - 右側）就會斷開。所以基本上，我希望連續的所有單元格都佔據相同的高度。這裏是我的商標的樣品起來：具有響應高度的行Bootstrap網格
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/>
<html>
\t <head>
\t \t <link type="text/css" rel="stylesheet" href="bootstrap.min.css"/>
\t \t <style>
\t \t \t div.col-xs-7, div.col-xs-1{
\t \t \t \t border-right:1px solid black;
\t \t \t }
\t \t \t div.row{
\t \t \t border-bottom: 1px solid black;
\t \t \t }
\t \t </style>
\t </head>
\t <body>
\t \t <div class = "content">
\t \t \t <div class="row">
\t \t \t \t <div class = "col-xs-7 col-md-5">Medical History Unknown</div>
\t \t \t \t <div class = "col-xs-1">y</div>
\t \t \t \t <div class = "col-xs-1">n</div>
\t \t \t \t <div class = "col-xs-1">y</div>
\t \t \t \t <div class = "col-xs-1">n</div>
\t \t \t </div>
\t \t \t <div class="row">
\t \t \t \t <div class = "col-xs-7 col-md-5">Heart Condition (CHF, Angina, Heart Attack) </div>
\t \t \t \t <div class = "col-xs-1">y</div>
\t \t \t \t <div class = "col-xs-1">y</div>
\t \t \t \t <div class = "col-xs-1">y</div>
\t \t \t \t <div class = "col-xs-1">y</div>
\t \t \t </div>
\t \t \t <div class="row">
\t \t \t \t <div class = "col-xs-7 col-md-5">Anemia</div>
\t \t \t \t <div class = "col-xs-1">n</div>
\t \t \t \t <div class = "col-xs-1">y</div>
\t \t \t \t <div class = "col-xs-1">n</div>
\t \t \t \t <div class = "col-xs-1">y</div>
\t \t \t </div>
\t \t \t <div class="row">
\t \t \t \t <div class = "col-xs-7 col-md-5">Epilepsy, Seizure </div>
\t \t \t \t <div class = "col-xs-1">y</div>
\t \t \t \t <div class = "col-xs-1">y</div>
\t \t \t \t <div class = "col-xs-1">n</div>
\t \t \t \t <div class = "col-xs-1">n</div>
\t \t \t </div>
\t \t </div>
\t </body>
</html>注：它打破了在小屏幕
Upvoted的（是正確和）記憶表都很好，表格數據，只是沒有佈局！ – Octopoid
但是，表格不響應，對吧？但我想要回應。 那麼我應該使用％寬度列還是其他方式？ –
是的，使表格100％的容器寬度，它會相應地縮放。一張表可以在響應式網站中使用。 – gewh