Cómo cambiar el tema a una app mvc con bootstrap.

Posted on Actualizado enn

Se baja el CSS de aquí https://bootswatch.com/
se sobreescribe en content boostrap.css o bien se puede cambiar en App_Start/bundleConfig

 

            bundles.Add(new StyleBundle(“~/Content/css”).Include(

                      “~/Content/2bootstrap.css”,

                      “~/Content/site.css”));

Y se ajusta el formulario en caso de ser necesario

 

@using (Html.BeginForm(null, null, FormMethod.Post, new { id = “signupform”,
@class =
“form-horizontal” }))

{

    <fieldset>

        <legend>@ViewBag.Message</legend>

        @Html.ValidationSummary(true)

 

        <div class=”form-group”>

            @Html.LabelFor(model => model.FirstName, “Nombre:”, new  { @class=“col-lg-2 control-label”})

            <div class=”col-lg-10″>               

                @Html.TextBoxFor(model => model.FirstName, new { @class = “form-control”, placeholder = “Nombre” })

                @Html.ValidationMessageFor(model => model.FirstName)

            </div>

        </div>

 

      

        <div class=”form-group”>

            <label for=”textArea” class=”col-lg-2
control-label”>
Comentarios:</label>

            <div class=”col-lg-10″>

                @Html.TextAreaFor(model => model.Comment, new { @class = “form-control”, placeholder = “Comentarios”, rows=3 })

                @Html.ValidationMessageFor(model => model.Comment)

                <span class=”help-block”>Gracias.</span>

            </div>

        </div>

        <div class=”form-group”>

            <div class=”col-lg-10
col-lg-offset-2″>

                <button type=”reset” class=”btn
btn-default”>
Cancelar</button>

                <button type=”submit” form=”signupform” class=”btn
btn-primary”>
Enviar</button>

            </div>

        </div>

    </fieldset>

 

}

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s