retrait gauche/droite rembourrage col-md-6 Bootstrap

J'ai un site en utilisant Bootstrap mais je veux remplacer la gauche et la droite rembourrage sur les colonnes col-md-6 (set à 0px). Vous ne savez pas comment faire, mon jeu actuel est ...

css

.fix-gutters > [class^="col-"],
.fix-gutters > [class*=" col-"] {
  padding-right: 0px;
  padding-left: 0px;
}

et en l'appliquant à 

<div id="main" class="row fix-gutters">

    .... <div class="col-md-6"> ... etc.

mais que le col-md-6 devient parfois remplacé (WordPress boucle) avec un col-md-12 div et je ne veux pas .fix-gouttières à s'appliquer si c'est le cas.

NOTE: j'ai besoin de le remplacer afin d'arriver au même niveau que la col-md-6 commande. exemple

<div class="col-md-6 overide-class">
InformationsquelleAutor user3550879 | 2016-01-21
  1. 4

    Cela va cibler pour vous: (à ne faire que le changement d'éléments à l'intérieur de la main div)

    #main > .col-md-6{padding-right: 0; padding-left: 0;}

    InformationsquelleAutor Adam Buchanan Smith
  2. 6

    Si vous souhaitez ajouter une autre classe, il suffit d'ajouter une classe appelée no-padding.

    Puis, dans votre CSS, ajouter:

    .no-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

    Ou n'est-ce pas ce que tu veux dire?

    • le problème est que cette ligne est appliqué à tout ce qui est à l'intérieur. Parfois, c'est un col-md-12 et, parfois, de ses un col-md6. Lorsque c'est le col-md-6 je veux sa droite/gauche rembourrage supprimé
    InformationsquelleAutor David
  3. 2

    Vous pouvez simplement ajouter une nouvelle catégorie pour ce que vous êtes déjà, mais le spécifier pour col-md-6

    Voir exemple à FullPage.

    CSS:

    .fix-gutters > [class*="col-"],
.fix-gutters-six > [class*="col-md-6"] {
  padding-right: 0;
  padding-left: 0;
}

    HTML:

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<div class="container text-center">
  <h2>
  Removed Padding only from Medium 6 Columns
  </h2>
  <div class="row fix-gutters-six">
    <div class="col-md-6">
      <div class="alert alert-info">
        Removed Padding on 6 Columns
      </div>
    </div>
    <div class="col-md-6">
      <div class="alert alert-info">
        Removed Padding on 6 Columns
      </div>
    </div>
    <div class="col-md-12">
      <div class="alert alert-danger">
        Default 12 Columns
      </div>
    </div>
  </div>
  <div class="row">
    <h2>
    Default Columns
  </h2>
    <div class="col-md-6">
      <div class="alert alert-info">
        Default 6 Columns
      </div>
    </div>
    <div class="col-md-6">
      <div class="alert alert-info">
        Default 6 Columns
      </div>
    </div>
    <div class="col-md-12">
      <div class="alert alert-danger">
        Default 12 Columns
      </div>
    </div>
  </div>
  <div class="row fix-gutters">
    <h2>
    Removed Padding from All Columns
  </h2>
    <div class="col-md-6">
      <div class="alert alert-info">
        Removed Padding from all Columns
      </div>
    </div>
    <div class="col-md-6">
      <div class="alert alert-info">
        Removed Padding from all Columns
      </div>
    </div>
    <div class="col-md-12">
      <div class="alert alert-danger">
        Removed Padding from all Columns
      </div>
    </div>
  </div>
</div>

    InformationsquelleAutor vanburen