格響應

-2

<html> 
<head> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <!-- Bootstrap --> 
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> 
    <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet"> 
    <script src="http://code.jquery.com/jquery.js"></script> 
    <script src="bootstrap/js/bootstrap.min.js"></script> 
</head> 
<body> 
<div class="row"> 

<div class="span4"> 
Image:<img src="Tulips.jpg" ></img> 
</div> 
<div class="span4 "> 
<table class="table borderless"> 
<tr> 
<td><b>Test image</b></td> 
</tr> 

<tr> 
<td>testing testing</td> 
</tr> 
<tr> 
<td>120$</td> 
</tr> 
<tr> 
<td> 
<button class="btn btn-primary" type="button">Default button</button> 
</td> 
</tr> 
</table> 
</div> 

</div> 


</body> 
</html>

我輸出1： enter image description here 格響應

，當我用手機測試其反應我得到一個輸出2爲： enter image description here

任何人可以用我發佈的代碼幫助我，使其看起來像輸出1即使對於移動視圖...謝謝你...

來源

2014-05-19 Tiffany

我使用Twitter的引導......我不需要寫CSS。 ...我只需要加載我需要應用風格的類...我是新來的這個...所以我已經發布了代碼，我已經嘗試並詢問我需要什麼... – Tiffany

使用boostap3而不是bs2 ，bs3是移動優先的，並且不需要你的bootsrap-responsive.css示例：http：//getbootstrap.com/ – wpdaniel

我得到了答案：

<div class="row"> 
<table class="table borderless"> 
<tr> 
<td> 
<div class="span4"> 
Image:<img src="Tulips.jpg" ></img> 
</div> 
</td> 
<td> 
<div class="span4 "> 
<table class="table borderless"> 
<tr> 
<td><b>Test image</b></td> 
</tr> 

<tr> 
<td>testing testing</td> 
</tr> 
<tr> 
<td>120$</td> 
</tr> 
<tr> 
<td> 
<button class="btn btn-primary" type="button">Default button</button> 
</td> 
</tr> 
</table> 
</div> 
</td> 
</tr> 
</table> 
</div>

感謝你們考慮..

來源

2014-05-19 13:14:58 Tiffany

在這裏你去：

<div class="row"> 
    <div class="col-xs-6">Image: 
     <img class="img-responsive" src="Tulips.jpg"></img> 
    </div> 
    <div class="col-xs-6 "> 
     <table class="table borderless"> 
      <tr> 
       <td><b>Test image</b> 

       </td> 
      </tr> 
      <tr> 
       <td>testing testing</td> 
      </tr> 
      <tr> 
       <td>120$</td> 
      </tr> 
      <tr> 
       <td> 
        <button class="btn btn-primary" type="button">Default button</button> 
       </td> 
      </tr> 
     </table> 
    </div> 
</div>

來源

2014-05-19 12:27:50 wachme

回答

相關問題