如何在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主題中製作頁面標題區域全寬？

回答

相關問題