內嵌形式不工作

我想和一個直列自舉4形式佔據整個寬度（不輸入和按鈕之間的空間）：內嵌形式不工作

1輸入類型文本和按鈕1在額外的小型設備
2輸入型的文字和按鈕1在小型設備
3輸入類型文本和1層的按鈕。在介質和較大的器件

但它不與下面的代碼工作。我不知道是否因爲窗體打開和關閉的地方。這裏是例子： https://jsfiddle.net/o8jzq00f/1/

HTML：綁定你的專欄

<div class="container-fluid bg-success"> 

    <div class="row no-gutters justify-content-center" style="background-color: orange"> 
    <div class="col-xs-12"> 
     <h1 class="m-3">Title</h1> 
    </div> 
    </div> 

    <div class="row no-gutters justify-content-center"> 
    <form> 
     <div class="col-xs-10 col-sm-4 col-md-3"> 
     <label class="sr-only" for="inlineFormInput">Name</label> 
     <input type="text" class="form-control" id="inlineFormInput" placeholder="Jane Doe"> 
     </div> 
     <div class="col-sm-4 col-md-3 hidden-xs-up"> 
     <label class="sr-only" for="inlineFormInput">Name</label> 
     <input type="text" class="form-control" id="inlineFormInput" placeholder="Jon Doe"> 
     </div> 
     <div class="col-sm-4 col-md-3 hidden-md-up"> 
     <label class="sr-only" for="inlineFormInput">Name</label> 
     <input type="text" class="form-control" id="inlineFormInput" placeholder="Jon Doe"> 
     </div> 

     <div class="col-xs-2 col-sm-4 col-md-3"> 
     <button type="submit" class="btn btn-primary">Submit</button> 
     </div> 
     </div> 
    </form> 

</div>

來源

2017-08-17 Jakj

我固定網格： https://jsfiddle.net/syedz/o8jzq00f/2/ – syedz

使用row類，那麼它會工作 <div class="row">...under this you can use col classes and specify the width ...</div>

來源

2017-08-17 17:25:40

嘗試在''''''''''''形式的'''標記之後使用行類，並且在行內您可以使用您的網格方法，但首先指定行並在其下執行所有的事情 –

內嵌形式不工作

回答

相關問題