Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 增加引导模式的正确方法';s高度_Twitter Bootstrap - Fatal编程技术网

Twitter bootstrap 增加引导模式的正确方法';s高度

Twitter bootstrap 增加引导模式的正确方法';s高度,twitter-bootstrap,Twitter Bootstrap,我正试图找到一种提高引导模式高度的解决方法。我确实在模态体中尝试了最大修复方式,但如果模态体过大,这只会切断模态。我试图找到一种方法,让它像情态动词在pinterest上的工作方式一样工作 当模式打开时,我已经禁用了主页体滚动。但是我在调整尺寸方面遇到了麻烦 有人对此有什么解决办法吗 我尝试将高度添加到modal(高度:95%)和modal_body(最大高度:75%),内容溢出父div(modal) 我附上了一个截图来演示同样的情况 更新 我最终用pintrest属性创建了自己的模态。这个问

我正试图找到一种提高引导模式高度的解决方法。我确实在模态体中尝试了最大修复方式,但如果模态体过大,这只会切断模态。我试图找到一种方法,让它像情态动词在pinterest上的工作方式一样工作

当模式打开时,我已经禁用了主页体滚动。但是我在调整尺寸方面遇到了麻烦

有人对此有什么解决办法吗

我尝试将高度添加到modal(高度:95%)和modal_body(最大高度:75%),内容溢出父div(modal)

我附上了一个截图来演示同样的情况

更新
我最终用pintrest属性创建了自己的模态。这个问题帮了我很多忙

引导模式在
位置打开:固定
。这样,无论u滚动多少次,它都将始终保持在同一位置。所以你可能看不到其中的一部分。如果要查看模态的其余部分,需要将其设置为
position:absolute
。但问题是它总是会出现在页面的顶部。但是如果你想知道的话,我有一个解决办法,使用CSS对我来说效果很好:

.my-modal {
  width:600px;
  height:300px;

  .modal-header {
    background-color:#ccc;
    button {
      font-size:30px;
    }
  }
  .modal-body {
    overflow-y: hidden;
    height: 100%;
    max-height:190px;
  }

}

更新:我看了你的小提琴。尝试将“高度”添加到模态中。

尝试使用此js计算模态高度:

$(document).ready(function() {
    $(".showcomments").click(function() {
        $('#myModal').modal('show');
        rescale();
    });
    $("[rel=tooltip]").tooltip();
});
function rescale(){
    var size = {width: $(window).width() , height: $(window).height() }
    /*CALCULATE SIZE*/
    var offset = 20;
    var offsetBody = 150;
    $('#myModal').css('height', size.height - offset );
    $('.modal-body').css('height', size.height - (offset + offsetBody));
    $('#myModal').css('top', 0);
}
$(window).bind("resize", rescale);

测试:

请添加您代码的jsfiddle.net演示。以下是代码是的,我很乐意:),我仍然无法解决此问题。您是否使用绝对位置?位置:已修复;对于模态和位置:相对;对于modal body,我尝试了position:absolute,但是正如你所说,它将我的页面从背景带到顶部,但是现在我注意到position:fixed正在为我做一些事情。它把背景页转到topokay我会试试,但是把我送回背景问题页面的顶部怎么样?是的,但这不会增加我的模态的大小到我想要的大小。使高度100%没有顶部偏移,50点是你的:)这似乎是一个很好的方法。但我最终用它作为指导来制作自己的模态。