Mr.J 01 Mr.J 01 - 11 months ago 122
Smarty Question

Container not showing, but contents are

As stated in the title, I have a div with a class

.container
and, for some reason, the div is not being displayed but the contents of the div are being displayed. The height of the
.container
is also 0

This is the 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}


and this is the inspector output:

<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>


If you look at the inspector output, you will see that the
.container
and the
.row
div's are not begin created. Any help will be highly appreciated.

Not sure if it's necessary, but I'm basing my theme of the prestashop classic theme.

Answer Source

Verify you included bootstrap correctly, Add this line to your html, between <head> and </head>,

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download