【问题标题】:Bootstrap modal style in Kendo popup window剑道弹出窗口中的引导模式样式
【发布时间】:2015-06-01 23:50:28
【问题描述】:

我使用 Kendo 窗口并希望将其设置为 this 页面上的 Boststrap 模态窗口。 是否可以通过使用剑道窗口的模板属性等来做到这一点?下面是 Kendo Window 的定义:

查看:

@(Html.Kendo().Window()
    .Name("CreateWindow")
    .Title("Create New")
    .Visible(false)
    .Draggable(true)
    .Content("Loading...")
    .LoadContentFrom("_Create", "Issue")
    .Width(800)
    .Height(600)
    .Modal(true)    
    .Draggable()
    .Actions(actions => actions.Close()) 
)

提前谢谢...

【问题讨论】:

    标签: asp.net-mvc twitter-bootstrap kendo-ui kendo-asp.net-mvc bootstrap-modal


    【解决方案1】:

    您必须通过覆盖 css 来创建自己的样式。我不认为媒体查询是为剑道窗口定义的,因此您还需要定义它们以支持响应能力。或者您可以使用 kendo ui bootstrap 主题,它可以让您最接近 bootstrap 主题。

    【讨论】:

    • 感谢您的回复。正如你所提到的,我使用了 kendo-bootstrap css,但我需要一个好的页眉和页脚样式(至少有一些很好的页脚用于引导程序中的模态弹出)。有什么想法或样本吗?
    • 您可以使用开发人员工具轻松查看所使用的 CSS 样式,然后根据您的站点主题覆盖它们。对我来说,我更喜欢 zurb 的外观,并且完全去掉了页眉和页脚。
    • 您的意思是通过使用 override 更改冲突的属性,将示例页面中的 CSS 样式复制并应用到我的页面吗?如果不是,那是什么意思
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-08
    • 2015-02-16
    • 1970-01-01
    • 1970-01-01
    • 2013-08-11
    • 1970-01-01
    相关资源
    最近更新 更多