HTML中的嵌套类
Nested Classes in HTML
所以我试图用侧菜单在较小的屏幕上显示类col-md-3
和类pure-container
。侧菜单的内容应该在没有hamburger
盘的大屏幕上定期显示,但在小屏幕上,它应该包含在hamburger
菜单中。
较大的屏幕尺寸可以很好地显示内容,较小的屏幕尺寸显示侧边菜单,但它缺少内容,有什么建议吗?我试图包括content visible-xs visible-sm
的pure-drawer
,但它不起作用,我也尝试媒体查询。
是代码。
<div class="col-md-3 content visible-md visible-lg">
<?php include_once 'helper/block_news_list.php'; ?>
</div>
<!-- Begining of the pure-drawer -->
<div class="pure-container" data-effect="pure-effect-push">
<input type="checkbox" id="pure-toggle-left" class="pure-toggle" data-toggle="left" />
<label class="pure-toggle-label" for="pure-toggle-left" data-toggle-label="left"><span class="pure-toggle-icon"></span></label>
<nav class="pure-drawer" data-position="left">
<br>
<br>
<br>
<p style="padding: 10px 20px; margin: 0;">
<?php include_once 'helper/block_news_list.php'; ?>
</p>
</nav>
</div>
这是因为您使用include_once
来防止相同的代码被呈现两次。因此,您的pure_drawer
实际上是空的。
你可以修改
<?php include_once 'helper/block_news_list.php'; ?>
<?php include 'helper/block_news_list.php'; ?>
相关文章:
- 如果类不是一个选项,如何在使用 jQuery 时控制(避免)嵌套 html 元素的样式
- 如何在html angular中显示嵌套的json元素
- 嵌套JSON到平面HTML表
- 如何在JSON字符串中实现嵌套HTML
- 递归地将嵌套xml转换为嵌套html
- 使用 jQuery 创建嵌套 HTML 元素的最佳方式
- 如果无法嵌套 HTML 表单,如何提交多个选择
- 确定嵌套 HTML 列表中的相邻
- 使用 jquery 创建动态嵌套 HTML 标记
- 如何在原型中找到没有 ID 的嵌套 html 元素
- 在javascript for循环中嵌套HTML表
- 查找嵌套HTML中文本节点的长度直至某一点
- 嵌套HTML元素的Angular作用域问题
- 带有display的嵌套HTML元素:none在IE8中不起作用
- 如何将未嵌套的JSON转换为Javascript(或Coffeescript)中的嵌套HTML列表
- 如何将标记的innerHTML呈现为嵌套HTML
- 使用 AngularJS 嵌套 HTML 页面
- 具有嵌套 html 元素的挖空绑定
- 可选择嵌套HTML表单
- 如何使用JQuery提取嵌套HTML中的文本