none
Bootstrap en MVC5 y Razor RRS feed

  • Pregunta

  • Buenos días, últimamente he estado leyendo acerca de asp.net mvc5, ya que ando muy interesado en aprender sobre asp.net mvc5 la poca documentación que hay y poco clara. He visto que ahora con Visual Studio 2013 y asp.net mvc5, viene integrado con bootstrap, hasta hay todo bien.

    Me ha encantado esa noticia, al crear un proyecto por defecto de asp mvc5 el mismo sistema me crea la plantilla con Bootstrap. El problema es cuando llamo toda la entidad desde el modelo hacia la vista con razor, me punta los ítems pero no salen con el aspecto visual de bootstrap.

    Alguno me podría dar un indicio acerca del uso de bootstrap en asp.net mvc5. Como es la Lógica de su utilización? o como es que se debe aplicar el código con razor para que quede bien la vista. Agradezco la colaboración

    viernes, 11 de abril de 2014 3:30

Respuestas

  • tiene que poner el atributo

    @Html.TextBoxFor(model => model.orgrepid, new { @class="form-control"})

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    • Marcado como respuesta CrissR viernes, 11 de abril de 2014 14:23
    viernes, 11 de abril de 2014 14:12

Todas las respuestas

  • hola

    imagino que sabes que boostrap no es mas que un archivo .js que integras en la view y defines determiandos estilos en los tag

    sabiendo esto eso es todo, o sea agregas el <script> en la view y lo usas como si fuera una pagina html simple, que sea asp.net mvc no lo afecta en nada, asi es como lo utilizas

    despues lo que tienes que aprender es a definirlos estilos en los tag

    http://getbootstrap.com/getting-started/

    boostrap se usa de la misma forma en mvc, php, etc no hay diferencia porque aplica al html

    la pregunta seria, agregaste la referencia al .js y los css de boostrap en la view que estas desarrolalndo

    Nota: puedes definir esto en el _Layout.cshtml asi se hace global a todas las paginas que usen el layout

    como es que se debe aplicar el código con razor para que quede bien la vista

    razor no tiene nada que ver con boostrap, en helper del control solo defines un estilo

    @Html.TextBoxFor(x=>x.Prop1, new { @class="claseboostrap"})

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina


    viernes, 11 de abril de 2014 11:17
  • Gracias leandro por responderme, tal vez no me hice entender bien.

    Pro defecto visual me agrega las referencias para bootstrap y los label ya tienen el estilo que me da bootstrap. el problema es con los campos input pues el razor se llaman textbox.

    Razor:

    @Html.TextBoxFor(model => model.orgrepid)

    hay llamo del modelo el campo para que me lo agregue en la vista mientras que segun bootstrap es

    <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Enter email">

    Entonces en ese caso no se me ve el input como se vería en Bootstrap, imagino que debe haber alguna relación para que se vea bien, por algo fue implementado pero por mas que he consultado no encuentro como, agradezco me colabores.

    viernes, 11 de abril de 2014 13:32
  • tiene que poner el atributo

    @Html.TextBoxFor(model => model.orgrepid, new { @class="form-control"})

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    • Marcado como respuesta CrissR viernes, 11 de abril de 2014 14:23
    viernes, 11 de abril de 2014 14:12
  • Excelente tuttini, pensé que razor no podía trabajar en conjunto con bootstrap, me estaba preocupando. Me había faltado agregar el atributo y anda a la perfección.

    Quedo Muy agradecido

    viernes, 11 de abril de 2014 14:23