引导模式得到推到右边

在轨道4,5的应用程序，我打电话与模态使用引导3：引导模式得到推到右边

<a href="#myModal" data-target="#myModal" role="button" data-toggle="modal"><span class="glyphicon glyphicon-plus"></span> New Listing</a> 

    <!-- Modal --> 
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
     <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h4 class="modal-title" id="myModalLabel">Hey, wait a second!</h4> 
      </div> 
      <div class="modal-body"> 
      In order to blah blah...! 
      </div> 
      <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 
      <%= link_to "Sign Out", destroy_user_session_path, type: "button" , class: "btn btn-primary" , method: :delete %> 
      </div> 
     </div><!-- /.modal-content --> 
     </div><!-- /.modal-dialog --> 
    </div><!-- /.modal -->

一切运作良好，当我的模式执行，它推离正确的，除了屏幕： enter image description here

我的模态CSS是：

.modal { 
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    z-index: 1040; 
    display: none; 
    overflow: auto; 
    overflow-y: scroll; 
}

我试图改变位置，绝对的，但这并不解决问题。

任何recs？

来源

2014-02-20 dmt2989

你的网格布局是如何构成的？你能检查它是否正确？我认为有可能是错误的，弄乱你的模式框，导致其代码似乎是正确的 – sissy

不知道，如果我完全理解。我使用这种模式（并有问题）的地方之一是在导航栏中。这不应该受到网格布局的影响，对吗？ – dmt2989

还有navbar是在网格布局里面，试着检查一下;否则你可能会重新定义一些共享类。似乎奇怪的行为 – sissy

原来这是一个CSS问题。我使用Bootswatch的bootstrap主题。在使用标准引导代码覆盖Bootswatch的模态CSS元素之后，所有代码都已修复。谢谢。

来源

2014-02-22 03:34:53 dmt2989

引导模式得到推到右边

回答

相关问题