如何作出決議<768px

我們在做一個谷歌的網站，我們將放在引導做了一個形式引導類=「形式的內聯」的工作。如何作出決議<768px

，我們必須把表格寬度爲500像素;

這樣很好，但<div class="form-inline">只是在屏幕的具體尺寸工作，我們需要指定大小，我們應該從哪裏改變的代碼？

謝謝。

  <div class="form-group"> 
       <div class="form-inline"> 
        <div class="form-group"> 
         <label class="sr-only" for="Inputtel">Telefone</label> 
         <input type="tel" class="form-control" id="Inputtel" placeholder="Telefone"> 
        </div> 
        <div class="form-group"> 
         <label class="sr-only" for="InputCPFCNPJ">CPF ou CNPJ</label> 
         <input type="number" class="form-control" id="InputCPFCNPJ" placeholder="CPF ou CNPJ"> 
        </div> 
       </div> 
      </div>

來源

2014-02-08 Renan Otero

在引導程序3中，您可以使用網格選項來執行此操作。你想在一行中輸入是正確的嗎？所以你可以用col-xs-6解決你的問題。或者可以使用col-xs-4使用較小的輸入。測試;）

<div class="form-inline"> 
       <div class="form-group col-xs-6"> 
        <label class="sr-only" for="Inputtel">Telefone</label> 
        <input type="tel" class="form-control" id="Inputtel" placeholder="Telefone"> 
       </div> 
       <div class="form-group col-xs-6"> 
        <label class="sr-only" for="InputCPFCNPJ">CPF ou CNPJ</label> 
        <input type="number" class="form-control" id="InputCPFCNPJ" placeholder="CPF ou CNPJ"> 
       </div> 
      </div>

來源

2014-02-08 20:18:45 chuebert

謝謝chuebert這就是作品，但我對錶格最後一個按鈕，該按鈕留在保證金左：0，當我使用COL-XS-6的元素有一定的餘量，如何才能管理該？ –

你想在一行中輸入和按鈕？你可以給輸入COL-XS-5和按鈕COL-XS-2，總和必須12 – chuebert

另一種方法達到的效果是迫使車班「的形式，內聯」還與加在你的項目一個簡單的CSS分辨率< 768px：

@media (max-width: 767px) { 
    .form-inline .form-control { 
    display: inline-block; 
    width: auto; 
    vertical-align: middle; 
    } 
} 
@media (max-width: 767px) { 
    .form-inline .form-group { 
    display: inline-block; 
    margin-bottom: 0; 
    vertical-align: middle; 
    } 
}

順便說一句，如果窗口很小，可能會發生這樣的情況，即不是所有內聯組件都可以在同一行中呈現，並且最後一個組件會在第二行中（如果沒有足夠的空間）。

來源

2015-08-30 22:34:37 Rancid

而不是硬編碼的最大寬度值，你應該使用的引導媒體查詢** @屏幕XS-最大** https://getbootstrap.com/docs/3.3/css/#grid-media-queries 例如： *** @媒體（最大寬度：@屏幕-XS-MAX）{} *** –

對我來說有效的是@Rancid解決方案，但用替換爲

display: inline-table

它工作的很好，所有元素都在一行中。

來源

2016-12-20 03:37:12 Luciano

如何作出決議<768px

回答

相關問題