首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >自举模态体高不变

自举模态体高不变
EN

Stack Overflow用户
提问于 2019-02-25 13:59:32
回答 2查看 2.7K关注 0票数 2

我试图提高单一模态的高度。

我在div中添加了高度属性如下:

代码语言:javascript
复制
    <div class="modal fade" id="RTWmodal" role="dialog" style="margin-top: 20px;">
    <div role="document" class="modal-dialog modal-lg" style='height:1000px;'>
    <div class="modal-content modal-tall" style='height:1000px;'>
    <div class="modal-body" style='height:1000px;'>

而这增加了整体模态,然而,主体的模态保持在一个固定的高度与滚动条?见下文:

我没在这儿干嘛?

更新-全模态代码

代码语言:javascript
复制
<div class="modal fade" id="RTWmodal" role="dialog" style="margin-top: 20px;">
<div role="document" class="modal-dialog modal-lg" style='height:1000px;'>
<div class="modal-content modal-tall" style='height:1000px;'>

<div class="modal-body" style='height:1000px;'>
<h4 id="myPanelModalLabel" class="modal-title">Right to work </h4>

<hr>   

    *CONTENT*



</div>
</div>
 </div>
</div>  
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-03-01 14:54:05

这样就行了

代码语言:javascript
复制
.modal-tall .modal-body 
{
 position: relative;
 min-height: 600px;
 padding: 15px;
} 
票数 2
EN

Stack Overflow用户

发布于 2019-02-25 14:19:40

创建一个新的模态类modal-tall

代码语言:javascript
复制
.modal-tall .modal-body 
{
 position: relative;
 min-height: 600px;
 padding: 15px;
} 

像这样使用:

代码语言:javascript
复制
 <div class="modal tall fade" id="RTWmodal" role="dialog" style="margin-top: 20px;">
    <div role="document" class="modal-dialog modal-lg">
    <div class="modal-content modal-tall" >
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54867889

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档