2015-09-09 40 views
0

我包括一個模式內的模板,被用於其他地方,以及::我怎樣才能使引導電網系統模式工作尺寸

<div id="addressModal" class="modal fade"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div ng-include="'templates/add-address.html'"></div> 
      </div> 
     </div> 
    </div> 

我不想修改這個模板中網格系統只適用於此模式窗口,因爲它在其他地方也有使用。所以我的問題是,有此模板coloumns有:

<div class="col-md-4 col-sm-6>'my content'</div> 

,因爲我的模態窗口較小,美國可以考慮在「SM」的範圍,但儘管如此,它僅僅根據「MD」定位的佈局。根據模態窗口大小是否有任何調整來讓模態接受網格大小?

回答

0

這不是關於你的模式窗口有多小,而是關於屏幕寬度。 http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp 您可以在本頁底部看到每個.col類的寬度(以像素爲單位)。

因此,當您使用.col類激活時,您必須將其視爲屏幕分辨率。這個,或者你可以創建你自己的寬度估計爲%的類,並使用媒體來正確顯示它們。