not - tooltip bootstrap 4 css

Bootstrap 4 generador de compilación personalizado/descarga

Question

Esta pregunta es un duplicado exacto de:

• Personalizando Bootstrap 4 css 2 respuestas

¿Alguien sabe acerca de un generador alfa / beta bootstrap 4 personalizado, el mismo que está disponible para bootstrap 3 en Personalizar y descargar ?

https://getbootstrap.com/docs/4.0/customize/ aún no está disponible

Answer 1

Como se discutió here , no habrá un personalizador para Bootstrap 4. Esto significa que necesitará configurar herramientas de compilación para usted mismo. Este es mi flujo de trabajo (en NodeJS):

1. Crea un nuevo proyecto con npm init
2. Instalar Bootstrap con npm install bootstrap
3. Instalar herramientas de construcción. Para hacer esto fácil y solo necesito usar un comando, usaremos scss-powertools ( soy el autor de este ). Si no desea utilizarlo, debe configurar usted mismo la compilación, el prefijo, la reducción (y la alineación). Ejecute : npm install scss-powertools --save-dev
4. Cree el archivo SCSS en una carpeta scss (en la raíz de su proyecto), como scss/name.scss
5. En el archivo SCSS, importe Bootstrap con @import "bootstrap/scss/bootstrap"; O importa los componentes individuales a medida que los necesites.
6. Agregue un nuevo script a package.json : "build": "scss-powertools scss/name.scss output/compiled.css"
7. Ejecute npm run build , encontrará su CSS compilado en output/compiled.css (o lo que haya especificado como una opción en el comando build)

¡Darse cuenta! scss-powertools no scss-powertools de forma predeterminada. Para habilitarlo usa la bandera --production . Puedes encontrar toda la información al respecto here .

Configuración simple se puede encontrar en este Gist .

Puedes encontrar mi flujo de trabajo anterior here . En él tuve que configurar todo, desde la compilación hasta el linting manualmente.

Answer 2

Gran pregunta Bootstrap 3 tenía una página personalizada como notaste.

Podría usar esta herramienta de compilación: https://bootstrap.build/ . No estoy seguro de si es el reemplazo de la página de personalización de BS3 o algo nuevo. Parece un buen editor.

O puedes construir una versión personalizada de Bootstrap 4 con SASS.

Este enlace proporciona más información sobre cómo crear un tema: https://getbootstrap.com/docs/4.0/getting-started/theming/

Answer 3

No parece que el equipo de Bootstrap ofrezca un personalizador como en v3.

Como se mencionó en otras respuestas, https://bootstrap.build/ existe y tiene una interfaz de usuario muy agradable y da acceso a la mayoría de las variables y opciones. Desafortunadamente, no parece que se actualice tan rápido como el equipo de Bootstrap está lanzando actualizaciones.

upgrade-bootstrap.bootply.com/bootstrap-4-customizer es otra opción pero no da ninguna indicación de qué versión v4 se está utilizando. Solo tiene acceso limitado a variables y opciones.

bootstrapcustomizer.com proporciona acceso completo a todas las variables y opciones y se mantiene actualizado con las versiones v4. No es una interfaz de usuario tan buena como bootstrap.build pero funciona.

(Divulgación: he creado bootstrapcustomizer.com)