當使用引導程序輸入前置程序時，響應輸入大小會增加

當我調整此小提琴的大小時，縮小屏幕時輸入框變大。不幸的是，在iPhone上，它會在我的應用程序中關閉屏幕。當使用引導程序輸入前置程序時，響應輸入大小會增加

這裏是小提琴：http://jsfiddle.net/v6Bhx/5/embedded/result/這裏是代碼：

<div class="row-fluid"> 
<div class="span6"> 
    <table width="500"> 
     <tr> 
      <td> 
       <div class="input-prepend"> 
        <span class="add-on">$</span> 
        <input type="text" name="fee" value="" class="span6" /> 

       </div> 
      </td> 
     </tr> 
    </table> 
</div> 
<div class="span6">Test</div> 
</div>

還不錯，我意識到我正在使用的表。我沒有這樣做格式化數據，它實際上是用於表格數據，它恰好有輸入框。

來源

2013-02-25 Keith

設置表格寬度@ 500px可能會導致問題，因爲視點縮小到移動大小。嘗試刪除表寬度，看看會發生什麼。

更新

我不能想象你確切想要的最終頁面和表格的樣子，但在這裏，你可以檢查一些附加分。

關於iPhone的顯示問題，請確保您的網頁的頭你有：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

我認爲，指定100％的表格的寬度將是無效的HTML5。我懷疑這是你的問題的根源，但嘗試這樣的事情在你的CSS：

.span6 table{ 
width:100%; 
}

我可以看到，具有與表內的輸入前置形式將是一個挑戰。如果沒有辦法解決這個問題，那麼你現在有一個嵌套問題 - input.span6實際上嵌套在另一個span6列中。

一般來說，對於流體行的網格嵌套的HTML是：

<div class="row-fluid"> 
<div class="span6"> 

    <div class="row-fluid"> <!-- start nested grid --> 
    <div class="span12"> 
    <!-- Form and table details here --> 
    </div> <!-- end nested span --> 
    </div> <!-- end nested row --> 

</div> <!-- end span6 --> 

<div class="span6"> 
    test 
</div> 
</div>

參見http://twitter.github.com/bootstrap/scaffolding.html#gridSystem流體的排料截面的全部細節。

祝你好運！

來源

2013-02-25 22:07:01

在我的實際計劃中，我將它設置爲100％ – Keith 2013-02-26 13:47:32

無論是上滑塊設置寬度：

<input style="width:125px;" type="text" name="fee" value="" class="span6" />

或使用CSS

.span6 { width: 125px; }

原因是該表改變頁面上行距調整

來源

2013-02-25 23:47:38

我的建議是使用table width="100%" 。

<div class="row-fluid"> 
<div class="span6"> 
    <table width="100%"> 
     <tr> 
      <td> 
       <div class="input-prepend"> <span class="add-on">$</span> 

        <input type="text" name="fee" value="" class="span6" 
        /> 
       </div> 
      </td> 
     </tr> 
    </table> 
</div> 
<div span="6">Test</div> 
</div>

來源

2013-02-26 01:28:44 Shail

當使用引導程序輸入前置程序時，響應輸入大小會增加

回答

相關問題