Css 使用DNN容器会破坏引导数据库的响应能力

我已经做了一个基于推特引导的DNN皮肤。这是很基本的

<%@ Control Language="vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>


<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SEARCH" Src="~/Admin/Skins/Search.ascx" %>
<cut>
<%@ Register TagPrefix="dnn" TagName="Meta" Src="~/Admin/Skins/Meta.ascx" %>

<%@ Register TagPrefix="dnn" Namespace="DotNetNuke.Web.Client.ClientResourceManagement" Assembly="DotNetNuke.Web.Client" %>
<%@ Register Src="topLogo.ascx" TagPrefix="dnn" TagName="topLogo" %>



<dnn:DnnJsInclude ID="bootstrapInclude" runat="server" FilePath="bootstrap/js/bootstrap.min.js" PathNameAlias="SkinPath" />
<dnn:DnnCssInclude ID="bootstrapCSS" runat="server" FilePath="bootstrap/css/bootstrap.min.css" PathNameAlias="SkinPath" Priority="14" />
<dnn:DnnCssInclude ID="DnnCssInclude2" runat="server" FilePath="bootstrap/css/cq.css" PathNameAlias="SkinPath" Priority="14" />
<dnn:DnnCssInclude ID="DnnCssInclude1" runat="server" FilePath="bootstrap/css/bootstrap-responsive.css" PathNameAlias="SkinPath" Priority="14" />
<dnn:META runat="server" Name="viewport" Content="width=device-width,initial-scale=1" />


<!-- The main container. -->
<div class="container">
    <div class="row">
        <dnn:topLogo runat="server" id="topLogo" />
    </div>

    <div class="row">
        <div id="contentPane" class="contentPane span12" runat="server"></div>
    </div>


    <div class="row">
       <div class="span12 lichtblauw">
            &nbsp;
        </div>

    </div>
    <div class="row">

        <div class="span12 blauw">
            <div class="row">
                <div class="span1">
                </div>
                <div class="span4">
                    <dnn:COPYRIGHT runat="server" id="COPYRIGHT" />
                </div>


            </div>

        </div>
    </div>

</div>

而且效果很好

现在，如果我使用以下容器：

<%@ Control language="vb" CodeBehind="~/admin/Containers/container.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Containers.Container" %>
<%@ Register TagPrefix="dnn" TagName="TITLE" Src="~/Admin/Containers/Title.ascx" %>
<div class="pleunscontainer"><h2><dnn:TITLE runat="server" /></h2><div id="ContentPane" runat="server"></div></div>

不知何故，如果我使用这个容器添加一个简单的模块，代码就会中断，引导框架的响应就会停止

知道是什么导致了这一切吗？当我取下容器（让它空着）或使用Darnight容器时，它工作正常，我感到困惑

更新

用我的皮肤和容器翻页 [已删除链接]

带有我的皮肤和默认Darnight容器的页面（简单） [已删除链接]

---

您会注意到，在更改浏览器的宽度时，第二个浏览器将调整大小并转到移动友好版本。第一个没有。

好的，谢谢你发布链接，我现在理解了这个问题

问题在于

部件

请将您的

responsive.css

放在

bootstrap.css

之后。现在它在它上面，所以它在制造问题。我只是在DevTools中进行了更改，工作正常

旧HTML

<link href="/dotnetnuke/Portals/_default/Skins/CQ/bootstrap/css/bootstrap-responsive.css?cdv=24" type="text/css" rel="stylesheet">
<link href="/dotnetnuke/Portals/_default/Skins/CQ/bootstrap/css/bootstrap.min.css?cdv=24" type="text/css" rel="stylesheet">

将其更改为

<link href="/dotnetnuke/Portals/_default/Skins/CQ/bootstrap/css/bootstrap.min.css?cdv=24" type="text/css" rel="stylesheet">
<link href="/dotnetnuke/Portals/_default/Skins/CQ/bootstrap/css/bootstrap-responsive.css?cdv=24" type="text/css" rel="stylesheet">

---

就这样。您的问题现在将得到解决。

我将在事后开始查看生成的HTML内容。这只是一个HTML模块吗？是的，它的纯HTML只是一个标题和文本；没有别的了。有趣的是，它与另一个容器一起工作是容器还是模块/内容导致它损坏？如果我将模块与另一个容器一起使用（默认为黑夜），它不会损坏，因此我猜测是容器损坏了它。我希望看到损坏的HTML而不是

+1这肯定是一个开始。但是，正如您在皮肤中看到的，responsive.css在bootstrap.css之后；那么，为什么添加容器会改变cSS的顺序呢？为什么它不会随着另一个而改变container@Pleun您确定它正在自动更改吗？您可以手动更改它吗？我正在查看该页面上的源代码，我看到RESPONSIVE出现在bootstrap.min之前，这就是Surjith所指的。确保您看到的是实际包含的内容，而不是CDF插入的注释。在DNN中，您可以控制CSS文件的“优先级”，您可能需要定义该优先级以正确地强制执行顺序。（更新，在我浏览器的html编辑器中，我移动了CSS顺序，这确实纠正了问题）@Pleun是的，正如@ChrisHammond提到的，你能检查优先级吗。现在我可以看到，CSSI改变了CSS prio，并且可以正常工作！我投票赞成你的答案，但直到1小时后才能颁发奖金