Agregar Bootstrap en ASP.NET
Visual Studio permite agregar Bootstrap en ASP.NET desde el administrador de paquetes NuGet, sin recurrir a la página oficial del framework.
Bootstrap es instalado en los proyectos web con ASP.Net tanto en WebForm o MVC, de los proyectos más populares.
Instalar Bootstrap en ASP
Abrimos o creamos un proyecto web en WebForm o MVC (en el ejemplo se utilizará WebForm) desde Visual Studio.
Sobre el nombre del proyecto hacemos clic derecho, de las opciones de la lista seleccionamos Manage Nuget Packages.
Accedemos a la pestaña Browse de la página que aparece, en el buscador escribimos Bootstrap, seleccionamos el primer registro Bootstrap.
Al seleccionar el paquete veremos en el lado izquierdo todos los detalles, seleccionamos la versión e instalamos.
Antes de instalar revisa bien la versión para tu proyecto para evitar conflictos con otras librerías.
La instalación genera dos carpetas en el proyecto.
- Content, hojas de estilo o css.
- Scripts, archivos javascript.
Hasta este punto ya tienes agregada el framework de Bootstrap en tu proyecto de ASP.
Referenciar Bootstrap
Por último, para terminar con la implementación de Bootstrap en ASP, necesitamos agregar las referencias para utilizarlo.
Para utilizar el framework en todo el proyecto agregaremos las referencias en archivo Master.
- En el head agrega el archivo css de nombre Bootstrap.min.css
- En la sección de scripts dentro del body agrega el javascript de nombre Bootstrap.min.js
No es necesario agregar las referencias de todos los archivos instalados, ya que son referenciados del archivo principal.
De esta forma únicamente agregas la referencia del archivo maestro en las páginas aspx para utilizar Bootstrap.
Podría interesarte Agregar JQuery a un proyecto web
Observaciones
La instalación de Bootstrap de esta forma en Visual Studio facilita la actualización automática desde el administrador de paquetes.
Aunque también es posible agregar Bootstrap manualmente como en un proyecto simple de HTML.
Sin embargo, con esta ultima la actualización también es manual, reemplazando los mismos que agregaste.
hola me puedes ayudar de favor con la parte del codigo que no se ve en la imagen que pusiste ahi arriba
para agregar java a boostrap
ya lo estoy haciendo pero no puedo porque no se que sigue ahi donde dice AsyncPos…
despues que va???
Que tal, la linea que me indicas es generada automaticamente al crear el proyecto; pero es este:
< asp:ScriptManager ID="smrTemplate" ScriptMode="Release" AsyncPostBackTimeout="360000" EnablePageMethods="true" runat="server">< Scripts>
< /Scripts>
< /asp:ScriptManager>
Buen día, e instalado bootstrap a través del administrador de paquetes NuGet como mencionas, pero no se me crea ninguna carpeta de “content” o “scripts”, que se hace en este caso?
Qué tipo de proyecto estas creado desde VS, es posible que por el tipo de proyecto las carpetas tengan otro nombre.
El proyecto del post es un ASP.Net webform