Bootstrap - Style jumbotron éléments

Je suis en train de créer simple site web mobile pour les événements de calendrier.

Voici la version de base de l'informatique: http://orhancanceylan.com/test/v2/event.html

Le problème ici est; violet backgrounded zones sont seulement couvrir les textes. Mais je veux qu'ils s'adapter à la largeur de la jumbotron image de la maquette ci-dessous.

Bootstrap - Style jumbotron éléments

J'ai essayé d'ajouter le code ci-dessous:

.jumbotron row,
.jumbotron .row { 
  color: #efefef;
  background-color: rgba(157,52,99,0.7);
  width: 100%;
}

Cependant il est encore seulement couvre le contenu du texte.

Comment dois-je régler ce problème?

Merci,

InformationsquelleAutor CanCeylan | 2014-05-12