自举按钮resize在

Question

我有一个简单的形式：？出于某种原因，“生成密码”按钮没有调整我的iPhone和占用双倍的尺寸（它占据8周的cols）谁能帮

<form action="#" class="form-horizontal"> 

        <fieldset> 


         <div class="form-group"> 


         </div> 



         <div class="form-group"> 
           <label class="control-label col-xs-4 col-sm-4 col-md-4" for="passcodeID" > Amount: </label> 

           <div class="col-xs-4 col-sm-4 col-md-4"> 
           <input type="text" class="form-control" id="passcodeID" autofocus/> 
           </div> 

         </div> 



         <div class="form-group"> 


           <div class="col-md-4 col-md-offset-4 col-xs-4 col-xs-offset-4 col-sm-4 col-sm-offset-4"> 
           <button class="btn btn-primary" data-toggle="modal" data-target="#generatePasscode"> Generate Passcode </button> 
           </div> 

         </div> 


        </fieldset> 
        </form> 

Answer 1

为此，您必须减少字体大小和填充按钮的移动。解决方案通过@media屏幕。移动它不会将列更改为8.按钮溢出，这是由于按钮内部没有大量文本。你可以通过给溢出来验证它：隐藏式上面的div的div。

所以修正是 对于移动解决方案添加额外的类为按钮，并给@media屏幕的CSS和减少字体大小和填充的小屏幕分辨率，你面临的问题。