自舉單純的模板：在屏幕

的中場模式，當我打開使用從http://getbootstrap.com/javascript/#modals給出的樣本模式。自舉單純的模板：在屏幕

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 
    Launch demo modal 
</button>   

<div class="modal" 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">×</button> 
       <h4 class="modal-title">Modal title</h4> 
      </div> 
      <div class="modal-body"> 
       <p>One fine body…</p> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       <button type="button" class="btn btn-primary">Save changes</button> 
      </div> 
     </div> 
    </div> 
</div>

它工作正常使用默認的模板，但它不能正常工作時，我加載單面模板（http://bootswatch.com/simplex/）。

bundles.Add(new StyleBundle("~/Content/css").Include(
        "~/Content/bootstrap.css", 
        "~/Content/site.css", 
        "~/Content/simplex.css"));

添加simplex.css，當我點擊按鈕後，模態出現在我的屏幕的最右側。（它甚至延伸我的Windows x軸）

enter image description here

我怎樣才能調整模式，使其在屏幕中間顯示正確？謝謝！

來源

2014-05-08 K. L.

與[這個JS撥弄]我無法重現問題（http://jsfiddle.net/4aA75/）。您可能需要提供更多信息。 –

檢查你的jsfiddle後，我意識到，我是加載引導模板的兩倍。謝謝！ –

我被裝入原bootstrap.css +單純的模板，而不是隻加載單模板。

bundles.Add(new StyleBundle("~/Content/css").Include(
       "~/Content/site.css", 
       "~/Content/simplex.css"));

我剛剛刪除它，它現在是完美的工作。謝謝！

來源

2014-05-08 04:23:15

自舉單純的模板：在屏幕

回答

相關問題