I conjunto de etiquetas para seleccionar el cuadro de menú en bootstrap 3 :

<div class="col-lg-2">
    <label>Filter</label>
        <select class="form-control" name="sort">
            <option value="1">1</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
        </select>
</div>

de la producción en los vea la etiqueta en la parte superior de la caja de selección de menú:
bootstrap 3 muestre la etiqueta en línea selectbox

Necesito mostrar la etiqueta en línea de la caja de selección de menú como este :

bootstrap 3 muestre la etiqueta en línea selectbox

¿cómo mostrar la etiqueta en línea ?!

DEMO JSFIDDLE

InformationsquelleAutor Eric Favoni | 2014-10-01

3 Comentarios

  1. 10

    Usted necesita poner su etiqueta y su seleccionar dentro de un «grupo», por lo que tenemos este:

    <div class="form-group">
        <label for="sort" class="col-sm-2 control-label"> Filter </label>
        <div class="col-sm-10">
            <select class="form-control" name="sort" id="sort">
                <option value="1">1</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
            </select>
         </div>
    </div>
    • Ayudado! Gracias!
    • he intentado exactamente lo mismo para BS4, pero no su trabajo: <div class=»form-group» > <label class=»col-sm-3 control de etiqueta» para=»doc_type»>Seleccione </label> <div class=»col-sm-6″> <select class=»form-control» id=»doc_type» name=»doc_type»> …. aquí todas las opciones …. </select> </div> </div> ¿alguien puede sugerir qué mal estoy haciendo aquí?
    • Creo que tienes que añadir fila de la clase en el primer div! Ver: codepen.io/anon/pen/JmLqMY
  2. 0

    Desea ‘forma-inline’

    HTML:

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
    <form class="form-inline">
      <div class="form-group">
        <label for="dashboard-filter">Filter By</label>
        <select id="dashboard-filter" class="form-control">
          <option>1</option>
          <option>2</option>
        </select>
      </div>
    </form>

  3. 0

    Desea form-inline – Este ejemplo funciona en modo de pantalla completa (no sé por qué este fragmento de código se ajusta cuando no está en modo de pantalla completa) pero darle un giro se debe trabajar para usted.

    HTML:

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
    <form class="form-inline">
      <div class="form-group">
        <label for="dashboard-filter">Filter By</label>
        <select id="dashboard-filter" class="form-control">
          <option>1</option>
          <option>2</option>
        </select>
      </div>
    </form>

    Docs está aquí: https://getbootstrap.com/docs/3.4/css/#forms-inline

Dejar respuesta

Please enter your comment!
Please enter your name here