Bootstrap 3 div sur jumbotron

Je suis en utilisant Bootstrap 3, et ont un problème de faire un div pour s'asseoir sur un jumbotron en-tête.
Je suis en utilisant le jumbotron classe pour me donner une pleine largeur, réactif-tête avec un arrière-plan de l'image comme ci-dessous...

<div class="container-fluid">
<div class="jumbotron">
    <div class="container">
        <div class="row">
        <div class="col-md-8">text here</div>
        <div class="col-md-4">text here</div>
        </div>
    </div>
</div>

Voici le reste du site...

 <div class="container">rest of site goes here
 </div>

Ce que je veux faire est d'avoir la totalité de mon site/conteneur en DESSOUS de la jumbotron - glisser vers le haut et couvrir de la moitié de sa hauteur. Évidemment, comme est, le contenant pour le contenu du site est effacé au-dessous de la jumbotron, mais j'ai besoin d'une solution pour le ramener sur 100px pour couvrir la moitié inférieure de la jumbotron.

J'ai essayé les deux z-index de méthodes et de positionnement absolu, mais ne peut pas obtenir de travailler. Des suggestions?

UN ÉCHANTILLON DE TRAVAILLER AVEC ICI - http://jsfiddle.net/9b9Da/7/

Il n'y a pas de .container-fluid règle dans le Bootstrap 3, à moins que ce soit votre propre style de classe.
donc, je peux retirer la totalité de div qui enveloppe mon jumbotron ci-dessus? ah oui. regarde comme je peux. Tout idoeas sur la façon dont je peux maintenant 'float; le site de la div du contenu sur le jumbo?
J'ai besoin de contenu pour déplacer vers le haut pour couvrir le jumbotron. Par exemple, si jumbo est 500px de haut, j'ai besoin de contenu pour commencer à 250px de haut de page - PAS complètement sous le jumbo à 500px de haut. qui ont du sens?
voici une mise à jour - jsfiddle.net/9b9Da/7
Oui Bootstrap 3 est .conteneur de fluide! getbootstrap.com/css/#grid-example-fluid

OriginalL'auteur lowercase | 2013-11-15

  1. 2

    Comme indiqué dans les commentaires, Bootstrap 3 n'ont pas de .container-fluid classe, qui a été supprimée dans le Bootstrap 2.3.2 comme .rows sont pleine largeur par défaut (Mobile, première approche). position: relative a ensuite été utilisé pour compenser votre recouvrant contenu <div> à apparaître à la moitié du chemin au cours de la .jumbotron 

    <div class="jumbotron">
     <div class="col-md-8 jumbotext">text here</div>
     <div class="col-md-4 jumbotext">text here</div>
</div>
<div class="container" id="content">
    <div class="row">
        This content needs to float over the Jumbotron above
    </div>
</div>

<style>
    #content {
       position: relative;
       bottom: 80px;
       z-index: 500;
       opacity: 0.6;
   }

   #content > .row {
       min-height: 400px;
       background: #cccccc;
   }

   .jumbotron > .jumbotext {
       z-index: 700;
   }
</style>

    Violon: http://jsfiddle.net/9b9Da/9/

    OriginalL'auteur MackieeE

  2. 0

    Je suis avec bootstrap 3 et il l'a fait .conteneur de fluide. Il est également répertorié dans le fichier de bootstrap docs et sur le W3.

    Les classes de Bootstrap

    OriginalL'auteur Paul