Bootstrap 3: pull-right for col-lg only

Question

Nouveau sur bootstrap 3.... Dans ma mise en page j'ai :

    éléments 1

            éléments 2

Je voudrais que les 'éléments 2' ne soient pas alignés à droite sur des écrans plus petits que col-lg. Donc effectivement avoir la classe pull-right seulement pour col-lg-6...

Comment pourrais-je y parvenir ?

Voici un exemple : http://jsfiddle.net/thibs/Y6WPz/

Merci

Answer 1

Il suffit d'utiliser les classes d'utilitaire de réactivité de Bootstrap!

La meilleure solution pour cette tâche consiste à utiliser le code suivant :

    éléments 1

            éléments 2

L'élément sera aligné à droite uniquement sur les écrans lg - sur le reste, l'attribut display sera défini sur block comme c'est le cas par défaut pour l'élément div. Cette approche utilise la classe text-right sur l'élément parent au lieu de pull-right.

Solution alternative :

Le plus grand désavantage est que le code html à l'intérieur doit être répété deux fois.

    éléments 1

            éléments 2

            éléments 2

Answer 2

Vous pouvez utiliser push et pull pour changer l'ordre des colonnes. Vous tirez une colonne et poussez l'autre sur les grands appareils :

    éléments 1

            éléments 2

Answer 3

éléments 1

        éléments 2 ( souhaitez-vous aligner celui-ci à gauche sur xs et sm )

Answer 4

Maintenant inclure bootstrap 4:

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.3/css/bootstrap.min.css');

et le code devrait être comme ceci:

    éléments 1

            éléments 2