Css 无法使引导响应式设计与dotnetnuke配合使用

我在我的DotNetNuke项目中使用了twitter引导。我使用HTML、CSS和bootstrap进行设计和布局。当我在不同的移动设备上测试它时，甚至当我调整浏览器窗口大小时，它的响应性设计都很好

由于它运行良好，我将设计转换为DotNetNuke皮肤。现在，只有在我调整浏览器窗口的大小时，而不是在移动设备上，响应性设计才能正常工作。我了解DNN加载样式表的流程，并遵循了它。我将skin.css作为bootstrap.css的组合，然后是bootstrap-responsive.css的内容

---

如果我在html中使用相同的skin.css，我无法发现问题，它可以正常工作，但在DNN（移动设备上）中不起作用。

您缺少针对移动设备的适当规模的元数据。在页面标题中插入以下内容：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

---

您缺少针对移动设备的适当规模的元数据。在页面标题中插入以下内容：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

---

我只是注意到一些有趣的事情，并想与大家分享，也许它会帮助一些人。在站点标题部分，您应该首先包括bootstrap.css，然后才包括bootstrap-responsive.css，因为responsive.css显然依赖于bootstrap.css

当然，meta标记也应该存在

<link href="/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />  
<meta name="viewport" content="width=device-width, initial-scale=1.0">

---

我只是注意到一些有趣的事情，并想与大家分享，也许它会帮助一些人。在站点标题部分，您应该首先包括bootstrap.css，然后才包括bootstrap-responsive.css，因为responsive.css显然依赖于bootstrap.css

当然，meta标记也应该存在

<link href="/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />  
<meta name="viewport" content="width=device-width, initial-scale=1.0">

确保在基本非之前之后包含响应式CSS（responsive.CSS）。

确保在基本非之前之后包含响应式CSS（responsive.CSS）。

嘿，安德烈，你说得对，我忘了在默认设置中包含它。aspx。我正在获取水平滚动条！我怎样才能删除它？@SidP手头没有移动设备可供测试，但您的一个元素可能已溢出主容器。快速修复方法是在样式表中添加

body{overflow-x:hidden；}

以隐藏水平滚动条，但更合适的修复方法是查找溢出的元素。非常感谢您的提问和回答。在过去的4个小时里，我一直在努力解决这个问题太感谢你了！真的帮助了我，让我沮丧了一段时间。你说得对，我忘了把它包括在default.aspx中。我得到的是水平滚动条！我怎样才能删除它？@SidP手头没有移动设备可供测试，但您的一个元素可能已溢出主容器。快速修复方法是在样式表中添加

body{overflow-x:hidden；}

以隐藏水平滚动条，但更合适的修复方法是查找溢出的元素。非常感谢您的提问和回答。在过去的4个小时里，我一直在努力解决这个问题太感谢你了！真的帮助了我，让我沮丧了一段时间。令人惊讶的梅尔托夫：请你告诉我什么是“在基本之后而不是之前”@Nadeem首先链接到基本样式表

bootstrap.css

，然后是responsive

bootstrap responsive.css

。thanx alot bro，我只是混淆了“之后和之前”梅尔托夫：请你告诉我“在基本之后而不是之前”是什么意思@Nadeem首先链接到基本样式表

bootstrap.css

，然后是responsive

bootstrap responsive.css

。thanx alot bro，我只会混淆“之后和之前”