容器未显示,但内容是
Container not showing, but contents are
如标题所述,我有一个 div 和一个 class .container
,由于某种原因,div 没有显示,但内容的 div 正在显示。 .container
的高度也是0
这是HTML:
{block name='header_logo'}
<div class="header-logo">
<div class="container">
<div class="row">
<div class="col-md-2 hidden-sm-down" id="_desktop_logo">
<a href="{$urls.base_url}">
<img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
</a>
</div>
</div>
</div>
</div>
{/block}
这是检查员的输出:
<div class="header-logo">
<div class="col-md-2 hidden-sm-down" id="_desktop_logo">
<a href="...">
<img class="logo img-responsive" src="..." alt="some text">
</a>
</div>
</div>
如果您查看检查器输出,您会看到 .container
和 .row
div 没有开始创建。任何帮助将不胜感激。
不确定是否有必要,但我的主题基于 prestashop classic 主题。
是不是因为你身高为0? Idk,我对此还是陌生的...
验证您是否正确包含 bootstrap,将此行添加到您的 html
中,位于 <head>
和 </head>
之间,
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
如标题所述,我有一个 div 和一个 class .container
,由于某种原因,div 没有显示,但内容的 div 正在显示。 .container
的高度也是0
这是HTML:
{block name='header_logo'}
<div class="header-logo">
<div class="container">
<div class="row">
<div class="col-md-2 hidden-sm-down" id="_desktop_logo">
<a href="{$urls.base_url}">
<img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
</a>
</div>
</div>
</div>
</div>
{/block}
这是检查员的输出:
<div class="header-logo">
<div class="col-md-2 hidden-sm-down" id="_desktop_logo">
<a href="...">
<img class="logo img-responsive" src="..." alt="some text">
</a>
</div>
</div>
如果您查看检查器输出,您会看到 .container
和 .row
div 没有开始创建。任何帮助将不胜感激。
不确定是否有必要,但我的主题基于 prestashop classic 主题。
是不是因为你身高为0? Idk,我对此还是陌生的...
验证您是否正确包含 bootstrap,将此行添加到您的 html
中,位于 <head>
和 </head>
之间,
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">