如何在Drupal bootstar主题中制作页面标题区域全宽？

我使用Bootstrap 3主题。我怎样才能使页眉全宽。类似的全宽度区域，您可以在this site上看到。如何在Drupal bootstar主题中制作页面标题区域全宽？

HTML代码： 从<header下面的代码

<div class="main-container container"> 
    <header role="banner" id="page-header"> 
     <div class="region region-header">

通讯page.tpl.php中开始

<div class="main-container <?php print $container_class; ?>"> 

    <header role="banner" id="page-header" > 
    <?php if (!empty($site_slogan)): ?> 
     <p class="lead"><?php print $site_slogan; ?></p> 
    <?php endif; ?> 

    <?php print render($page['header']); ?> 
    </header> <!-- /#page-header -->

theme.info文件

regions[navigation]  = 'Navigation' 
regions[header]   = 'Top Bar' //THIS is correspond to that region 
regions[highlighted] = 'Highlighted' 
regions[help]   = 'Help' 
regions[content]  = 'Content' 
regions[sidebar_first] = 'Primary' 
regions[sidebar_second] = 'Secondary' 
regions[footer]   = 'Footer' 
regions[page_top]  = 'Page top' 
regions[page_bottom] = 'Page bottom'

我试着在代码<header class="container-fluid" role="banner" id="page-header">的page.tpl.php文件中添加“容器流体”类，但它没有改变。

事情是我不希望整个主要内容是流动的，只是该地区。你可以看看我上面链接的GitHub页面。

谢谢。

来源

2016-08-16 codenext

您需要更改所有的container类导航栏里面container-fluid有一个正确的agter navbar navbar-default navbar-fixed-top

来源

2016-08-16 02:37:36 NooBskie

我想是不是“导航栏”。对于我所做的导航栏，这是另一个区域。如果我从'.info'文件向你展示区域，就是这样。 '地区[导航] ='导航'，地区[标题] ='顶部酒吧'。这个地区是'Top Bar'。 – codenext

此

位于主容器中。 nv-bar

是不同的 – codenext

发表codepen或jsfiddle很难让我做任何事情，但没有看到你的代码 – NooBskie

如何在Drupal bootstar主题中制作页面标题区域全宽？

回答

相关问题