Comment puis-je changer la largeur d'une .entrée du groupe dans le Bootstrap, de réactivité?

Comment puis-je changer la largeur d'une .input-group pour le rendre plus large? J'ai essayé de réglage width: 50%, mais qui met un espace entre le champ de saisie et le bouton.

J'ai aussi essayé le réglage de la largeur du champ de saisie directement, mais qui a aussi échoué.

Et la valeur de plus de 100%, qui a également échoué.

Il semble bien, si je définis la largeur de 300px ou 400px, mais pas sur mobile.

Ici est un Bootply http://www.bootply.com/HGr9b06Q1B

Vous avez une étrange structure qui s'y passe. Inclure le formulaire dans votre bootply. Sinon, baisse de la form-inline classe
J'ai essayé d'utiliser Yii est ActiveForm les méthodes... boohoo... Tomber form-inline, manuellement codage de la forme, et le réglage de la largeur sur <form> travaillé.

InformationsquelleAutor Chloe | 2015-04-10

Vous avez besoin d'envelopper dans initialise la structure... comme:

<div class="container">
  <div class="row">
    <div class="col-sm-4 col-sm-offset-4"><!--width is set by this div -->

      <div class="input-group">
        <input type="text" class="form-control" placeholder="Search for...">
        <span class="input-group-btn">
          <button class="btn btn-default" type="button"><span class="glyphicon glyphicon-search"></span></button>
        </span>
      </div><!-- /input-group -->

    </div>
  </div>
</div>

Voir cette fourche de votre bootply

Oh, et essayez de ne pas utiliser le <center> élément, il a été désapprouvée.

InformationsquelleAutor Ted

0

je vais recommander la meilleure façon de le faire est de style .form-control et une autre façon, peut-être vous pouvez imbriquer votre entrée à l'intérieur de <div class='col-sm-3'> </div>

InformationsquelleAutor Wasim Ahmad

Vous devez vous connecter pour publier un commentaire.