当我缩小网页时,输入框会显示其值。 input
标记的value
在小型设备中未显示。完整代码如下。这是一个有3行的基本表。
<div class="row">
<div class="col-sm-12 col-md-10 col-md-offset-1">
<div class="table-responsive hidden-xs">
<table class="table table-hover">
<thead>
<tr>
<th>Ürün</th>
<th>Adet</th>
<th class="text-center">Toplam</th>
<th> </th>
</tr>
</thead>
<tbody>
<tr>
<td class="col-sm-8 col-md-8">
<div class="media">
<a class="img-thumbnail pull-left" href="#"><img class="media-object img-product-cart" src="~/Content/images/kitap/kitap2.jpg" /></a>
<div class="media-body">
<h4 class="media-heading"><a href="#">Matematik</a></h4>
<h5 class="media-heading">Yazar: Halil Kan</h5>
<h5 class="media-heading">ISBN: 1234567897</h5>
<h5 class="media-heading"><strong>Adet Fiyatı: 45.23 TL</strong></h5>
<span>Durum:</span><span class="text-success"><strong>Stokta 10 adet var.</strong></span>
</div>
</div>
</td>
<td class="col-sm-2 col-md-2">
<input type="text" class="form-control" value="3"/>
</td>
<td class="col-sm-1 col-md-1 text-center"><strong>135.36 TL</strong></td>
<td class="col-sm-1 col-md-1">
<button type="button" class="btn btn-danger">
<span class="glyphicon glyphicon-remove"></span> Kaldır
</button>
</td>
</tr>
<tr>
<td class="col-sm-8 col-md-8"> </td>
<td class="col-sm-1 col-md-1"> </td>
<td class="col-sm-1 col-md-1"><h4>Kargo Ücreti</h4><h3>Toplam</h3></td>
<td class="col-sm-1 col-md-1 text-right"><h5><strong>3.99 TL</strong></h5><h3>123.12 TL</h3></td>
</tr>
<tr>
<td class="col-sm-8 col-md-8"> </td>
<td class="col-sm-1 col-md-1"> </td>
<td class="col-sm-1 col-md-1">
<button type="button" class="btn btn-default">
<span class="glyphicon glyphicon-shopping-cart"></span> Alişverişe Devam
</button>
</td>
<td class="col-sm-1 col-md-1">
<button type="button" class="btn btn-success">
Ödeme Sayfasına Geç <span class="glyphicon glyphicon-play"></span>
</button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
答案 0 :(得分:0)
Bootply link似乎适用于小型设备。
根据定义
超小型设备电话(&lt; 768px) - .col-xs -
小型设备平板电脑(≥768px) - .col-sm -
中型设备台式机(≥992px) - .col-md -
大型设备台式机(≥1200px) - .col-lg -
因此适用于设备尺寸Small devices Tablets (≥768px) - .col-sm-
希望这有帮助!