应用示例布局会导致模态行发出

By simon at 2019-05-22 • 0人收藏 • 63人看过

我想参考样例布局,并应用模态的 css,但它不工作。

参考资料:Http://jsfiddle.net/rf7vp/2/ )

Https://github.com/hyunsokstar/django_inflearn2/blob/master/todo/templates/todo/tt.html

示例布局的特点是左侧固定,右侧启用滚动条

我想应用这在一个模态窗口内。

结果:

我想把下面的模态内容的主要部分分成两部分,然后应用样例布局

例如,我想把模态的内容分开如下

注释插入: 左侧

注释输出: 右侧

模态码

自从1990年以来,我们一直在努力寻找解决问题的方法! 模态标题类"模态标题 h4类"模态标题" {对象。 4 button type"button"button"class"close"data"-discretion"modal"& times; / button / div! -- 模态主体 -- div 类"modalbody"{ object。 获得减价内容 |  安全} hr div 类"卡"边境信息 mb-3"style"max-width: 60rem"div 类"卡头"h2 style"背景色""lightgreen"/ h2 / div"card-body"! 注释插入 div 类"注释插入区"style"background-color"form method"post"action"{ object。 新注释 /"id"comment form"类"hi"{% csrf token% } div class"form-group"{ comment form |  1.1.1.2.2.2.2.2.2.2.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3.3. [ media } / div / div / div hr! 注释输出 -- div 类"卡"边界危险 mb-3"style"max-width: 60rem"div 类"卡头"h2 style"背景色""浅绿"逐步编码 / h2 / div 类"卡体"{% for comment in comments。 所有% } table 类"table-bordered"id"comment table comment.id"tr author2 / td { comment。 3"input type"text"class"form-control"name"value"{ comment. 标题}"id"todo comment title { comment.id }"/ td / tr td file name / td colspan"3"input type"text"class"form-control"name"value"{ comment。 文件名}"id"todo comment file name { comment.id }}"/ td / tr / td colspan"3"textarea"name""rows"10"cols""110""my code comment.id""""todo comment"2"{ comment"。 [ text } / textarea / td / tr / td! -- onclick"location". 按钮类型"button""button""button""id""comment.id""class""copy""button""% if comment"。 作者请求。 用户% }按钮类"btn"-sm btn-warning float-right comment delete button"comment.pk"delete / button class"btn"-sm btn"-info float-right comment"comment.pk"edit / button"% endif"/ tr"colspan"3 border 0 / td / tr / table {% endfor% } {% endfor% } div class"reply list"/ div / div / div! -- 大部分身体末端 -- ! ——模态页脚—— div class"Modal-footer"button type"button"class"btn-danger"data""modally Close / button / div / div / div! -- 模态末端 -- 

模态结果

我尝试的时候遇到了一个问题。

我将模式分成两部分并应用示例布局。 情态内容超出了情态概要

我看不到右边的内容。

完全搞砸了

也许这个问题似乎是由于对 css 缺乏了解造成的

我不知道如何正确地应用样例布局到模态窗口。

如果你知道如何解决这个问题,请告诉我。

登录后方可回帖

Loading...