diff --git a/public_html/deployment/classes/project_gui.class.php b/public_html/deployment/classes/project_gui.class.php
index c7b9d73346e1dac18871bcbbba71eca95a932e1e..d5a8ab91cc4d222a1bec8627335a0c4f30825d20 100644
--- a/public_html/deployment/classes/project_gui.class.php
+++ b/public_html/deployment/classes/project_gui.class.php
@@ -901,16 +901,16 @@ class projectgui extends project {
                         'type' => 'markup',
                         'value' => '<div class="tabbable">
                             <ul class="nav nav-tabs">
-                                <li class="active"><a href="#tab1" data-toggle="tab">' . $this->_oHtml->getIcon('list').t('setup-metadata') . '</a></li>
-                                <li><a href="#tab2" data-toggle="tab">' . $this->_oHtml->getIcon('repository').t('repositoryinfos') . '</a></li>
+                                <li class="active"><a href="#tab1" class="nav-link active" data-toggle="tab" aria-selected="1">' . $this->_oHtml->getIcon('list').t('setup-metadata') . '</a></li>
+                                <li><a href="#tab2" class="nav-link" data-toggle="tab">' . $this->_oHtml->getIcon('repository').t('repositoryinfos') . '</a></li>
 
-                                <li><a href="#tab3" data-toggle="tab">' . $this->_oHtml->getIcon('deploy-configfile').t('deploy-configfile') . '</a></li>
-                                <li><a href="#tab4" data-toggle="tab">' . $this->_oHtml->getIcon('deploy-rollout-plugin').t('deploy-rollout-plugin') . '</a></li>
-                                <li><a href="#tab5" data-toggle="tab">' . $this->_oHtml->getIcon('phase').t('phases') . '</a></li>
-                                <li><a href="#tab6" data-toggle="tab">' . $this->_oHtml->getIcon('raw-data').t('raw-data') . '</a></li>
+                                <li><a href="#tab3" class="nav-link" data-toggle="tab">' . $this->_oHtml->getIcon('deploy-configfile').t('deploy-configfile') . '</a></li>
+                                <li><a href="#tab4" class="nav-link" data-toggle="tab">' . $this->_oHtml->getIcon('deploy-rollout-plugin').t('deploy-rollout-plugin') . '</a></li>
+                                <li><a href="#tab5" class="nav-link" data-toggle="tab">' . $this->_oHtml->getIcon('phase').t('phases') . '</a></li>
+                                <li><a href="#tab6" class="nav-link" data-toggle="tab">' . $this->_oHtml->getIcon('raw-data').t('raw-data') . '</a></li>
                             </ul>
                             <div class="tab-content">
-                            <div class="tab-pane active" id="tab1">
+                            <div class="tab-pane fade active show" id="tab1">
                             
                             ',
                     ),
@@ -973,7 +973,7 @@ class projectgui extends project {
                     // --------------------------------------------------
                     'input' . $i++ => array(
                         'type' => 'markup',
-                        'value' => ' </div><div class="tab-pane" id="tab2">
+                        'value' => ' </div><div class="tab-pane fade" id="tab2">
                             <p>' . t('setup-hint-build') . '</p>',
                     ),
                     'input' . $i++ => array(
@@ -1052,7 +1052,7 @@ class projectgui extends project {
                     // --------------------------------------------------
                     'input' . $i++ => array(
                         'type' => 'markup',
-                        'value' => ' </div><div class="tab-pane" id="tab3">
+                        'value' => ' </div><div class="tab-pane fade" id="tab3">
                             <p>' . t('deploy-configfile-hint') . '</p>',
                     ),
                     'textarea' . $i++ => array(
@@ -1089,7 +1089,7 @@ class projectgui extends project {
                     // --------------------------------------------------
                     'input' . $i++ => array(
                         'type' => 'markup',
-                        'value' => ' </div><div class="tab-pane" id="tab4">
+                        'value' => ' </div><div class="tab-pane fade" id="tab4">
                             <p>' . t('deploy-rollout-plugin-hint') . '</p>',
                     ),
                     // select box for active rollout plugin
@@ -1106,7 +1106,7 @@ class projectgui extends project {
                     // --------------------------------------------------
                     'input' . $i++ => array(
                         'type' => 'markup',
-                        'value' => ' </div><div class="tab-pane" id="tab5">
+                        'value' => ' </div><div class="tab-pane fade" id="tab5">
                             <p>' . sprintf(t("class-project-info-setup-phaseinfos"), $this->getNextPhase()) . '</p>',
                     ),
                 ),
@@ -1367,7 +1367,7 @@ class projectgui extends project {
             'type' => 'markup',
             'value' => '</div>'
             
-                . '<div class="tab-pane" id="tab6">'
+                . '<div class="tab-pane fade" id="tab6">'
                 . '<br><pre>'.print_r($this->_aPrjConfig, 1).'</pre>'
                 . $sRolloutDebug
                 . '</div>'