Bootstrap 3 Réduire (de droite à gauche)

Question

Il y a des articles qui parlent de l'effondrement de gauche à droite et il y a quelques exemples de violon here. Mais j'aimerais que l'effondrement se produise de droite à gauche. Est-ce possible avec juste le code ci-dessous.

#demo.width { 
 
    height: auto; 
 
    -webkit-transition: width 0.35s ease; 
 
    -moz-transition: width 0.35s ease; 
 
    -o-transition: width 0.35s ease; 
 
    transition: width 0.35s ease; 
 
}

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css" rel="stylesheet"/> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo"> 
 
    Horizontal Collapsible 
 
</button> 
 

 
<div id="container" style="width:400px;height:70px;"> 
 
    <div id="demo" class="collapse in width" style="background-color:yellow;"> 
 
     <div style="padding: 20px; overflow:hidden; width:200px;"> 
 
      Here is my content 
 
     </div> 
 
    </div> 
 
</div> 
 

 
<small>Works in FF 24.0, IE 10.</small> 
 
<br /> 
 
<b>Doesn't work in Chrome 30.0.1599.1.1</b> 
 
<ul> 
 
    <li>Bounces on Show</li> 
 
    <li>Hide has no transition</li> 
 
</ul>

Answer 1

oui si vous ajoutez "float:right" à votre style dans cette div de vos

<div id="demo" class="collapse in width" style="background-color:yellow;"> 

Le code devrait ressembler à ceci lorsque vous l'ajoutez.

<div id="demo" class="collapse in width" style="background-color:yellow; float:right;"> 

Si ce n'est pas ce que vous vouliez, n'hésitez pas à me contacter.