如何在滑塊內插入一個Rsponsive窗體

-1

我使用忍者滑塊爲響應目的。現在我有一個引導窗體，我想要顯示內部滑塊，並且此窗體應該能夠響應，因爲滑塊在不同的分辨率屏幕上移動。

我GOOGLE了它的想法，但沒有找到任何理想的解決方案。

幫幫我guyz！

HTML

<!--start--> 
    <div id="ninja-slider"> 
     <div class="slider-inner"> 
      <ul> 
       <li> 
        <a class="ns-img" href="img/002.jpg"></a> 
        <div class="caption">RESPONSIVE</div> 
       </li> 
       <li> 
        <a class="ns-img" href="img/003.jpg"></a> 
        <div class="caption">TOUCH·ENABLED</div> 
       </li> 
       <li> 
        <a class="ns-img" href="img/004.jpg"></a> 
        <div class="caption">VIDEO·AUDIO</div> 
       </li> 
       <li> 
        <a class="ns-img" href="img/005.jpg"></a> 
        <div class="caption">NON·JQUERY</div> 
       </li> 
       <li> 
        <a class="ns-img" href="img/zess.jpg"></a> 
        <div class="caption">MOBILE·FRIENDLY</div> 
       </li> 
      </ul> 
      <div class="navsWrapper"> 
       <div id="ninja-slider-prev"></div> 
       <div id="ninja-slider-next"></div> 
      </div> 
     </div> 
    </div> 
    <!--end--> 

     <form role="form"> 
    <div class="form-group"> 
     <label for="email">Email:</label> 
     <input type="email" class="form-control" id="email" placeholder="Enter email"> 
    </div> 
    <div class="form-group"> 
     <label for="pwd">Password:</label> 
     <input type="password" class="form-control" id="pwd" placeholder="Enter password"> 
    </div> 
    <div class="checkbox"> 
     <label><input type="checkbox"> Remember me</label> 
    </div> 
    <button type="submit" class="btn btn-default">Submit</button> 
    </form>

來源

2016-08-13 bc110402307 Syed Zeeshan Haide

嘿隊友你可以把製作小提琴或plnkr。 –

@GandalftheWhite 我可以告訴你一個截圖。這將是完美的！？ –

我可以告訴你這個Syed，引導程序的響應性由於其網格系統而生效，我認爲你將不得不使用它。 –

您可以將表單內滑塊，它的行爲反應，但在手機的分辨率，你需要給最小高度滑塊。所以表單不會被隱藏。在CODEPEN

li.dummySlide { 
    position: relative; 
    width:100%; 
    height:100%; 
} 
.formSection { 
    position:absolute; 
    max-width:300px; 
    margin:auto; 
    left: 0; 
    right: 0; 
    top:0; 
    bottom:0; 


}

檢查我的代碼享受.. :)

來源

2016-08-13 07:54:13

你搖滾的男人！上帝保佑你！ –

如何在滑塊內插入一個Rsponsive窗體

回答

相關問題