2014-09-03 71 views
1

用下面的HTML和JS:SimpleModal自动调整不正确enitrely

<div id="dialog" style="display:none;"> 
    <div class="dialog-title">Dialog Title</div> 
    Some text 
    <div class="dialog-buttons"> 
     <button class="uk-button">Button 1</button> 
     <button class="uk-button">Button 2</button> 
    </div> 
</div> 
<button onClick="$('#dialog').modal();">open dialog</button> 

我得到一个simplemodal是不够大的内容,使用的用户界面,工具包(http://getuikit.com/)风格的按钮。按钮太宽,因此被包裹,使第二个按钮出现在模式之外。

任何想法如何获得simplemodal大小正确?

谢谢!

回答

0

我还没有得到完美的答案,但我确实有一个工作答案,调整CSS。

/* Container */ 
#simplemodal-container { 
    height:auto !important; 
    width:600px; 
    ... 
    }