none
Problemas con Bootstrap/CSS RRS feed

  • Pregunta

  • Muy buenos días gente.

    El día de hoy vengo con una consulta, me gustaría saber si me pueden ayudar con este inconveniente, el problema principal es que mis elementos botones, textboxs, labels, etc. se corren por alguna razón, al principio creí que yo había modificado o cambiado algo sin querer y había hecho que los elementos se corrieran pero preguntando un amigo me dijo que le pasaba aveces lo mismo y no sabía tampoco como arreglarlo, así que agradecería que me ayudaran con este inconveniente, gracias de antemano. 

    Estoy usando Visual Studio 2015 

     

    jueves, 5 de octubre de 2017 15:14

Respuestas

  • buenas tardes.

    a simple vista el error estaria radicando en que en algunas partes utilizas la clase para grillas ejemplo class="col-sm-9" y en el mismo form-group tienes el label sin estar anidado en la clase de la grilla y los textbox si.

    Los 2 elemento deberían estar anidados dentro del class con distintos tamaños dependiendo de lo que busques.

    <div class="col-sm-4">label</div>
    <div class="col-sm-9">texbox</div>

    Espero te sirva de ayuda.

    Saludos.

    jueves, 5 de octubre de 2017 19:51

Todas las respuestas

  • Hola Tadeath

    Cómo estas utilizando el bootstrap? recuerda que solo se referencia como class en el botón

    <button class="claseBootstrap" name="btnOK" />

    muéstranos un poco de código para pooder ayudarte.

    Saludos


    Si ayudé a resolver tu consulta, no olvides marcar como respuesta y/o votar como útil.

    jueves, 5 de octubre de 2017 17:10
  • Estó es un poco del código que no se esta comportando como debería: 

    <div class="form-horizontal">
                            <fieldset>
                                <legend class="legend">
                                    <asp:Label ID="lModificacionB" runat="server" Text="Modificación"></asp:Label>
                                </legend>                    
                                <div class="form-group">
                                    <asp:Label ID="lVaucherB" runat="server" Text="Vaucher" CssClass="control-label ">                                         </asp:Label>
                                    <div class="col-sm-9">
                                        <asp:TextBox ID="tbVaucherP" runat="server" CssClass="form-control tb-navbar">                                            </asp:TextBox>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <asp:Label ID="lCombustibleB" runat="server" Text="Combustible" CssClass="control-l                                       abel"></asp:Label>
                                    <div class="col-sm-9">
                                        <asp:TextBox ID="tbCombustibleP" runat="server" CssClass="form-control tb-navbar">                                      </asp:TextBox>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <asp:Label ID="lEstacion" runat="server" Text="Estación" CssClass="control-label ">                                          </asp:Label>
                                    <div class="col-sm-9">
                                        <asp:TextBox ID="tbEstacionP" runat="server" CssClass="form-control tb-navbar">                                            </asp:TextBox>
                                    </div>
                                </div>
                                <div class="col-sm-3"></div>
                                <div class="col-sm-6">
                                    <asp:Button ID="btnAceptarP" runat="server" Text="Aceptar" CssClass="btn btn-default"                                    OnClick="btnAceptarP_Click"/>
                                    &nbsp; &nbsp; <asp:Button ID="btnCancelarP" runat="server" Text="Cancelar"                                                  CssClass="btn btn-default"/>
                                </div>
                                <div class="col-sm-3"></div>
                            </fieldset> 
                        </div> 

    esto es lo que muestra: 

    jueves, 5 de octubre de 2017 19:16
  • buenas tardes.

    a simple vista el error estaria radicando en que en algunas partes utilizas la clase para grillas ejemplo class="col-sm-9" y en el mismo form-group tienes el label sin estar anidado en la clase de la grilla y los textbox si.

    Los 2 elemento deberían estar anidados dentro del class con distintos tamaños dependiendo de lo que busques.

    <div class="col-sm-4">label</div>
    <div class="col-sm-9">texbox</div>

    Espero te sirva de ayuda.

    Saludos.

    jueves, 5 de octubre de 2017 19:51