working not example bootstrap css twitter-bootstrap web css-frameworks materialize

not - tooltip bootstrap css



¿Es posible integrar MaterialiseCss en Bootstrap? (6)

Me he preguntado (no probado) si es posible integrar tanto bootstrap como materializecss en el mismo proyecto

Como ambos marcos tienen el mismo objetivo y probablemente se superponen en algunas definiciones de clases, ¿es posible combinar ambos marcos para expandir mis opciones de diseño?


Añadí Materialise a mi sitio web bootstrap y funcionó bien, como dijo JC Borlagdan, aunque hay cierta superposición. Solo uso un inspector de sitios web y (por lo general, hago clic con el botón derecho en> inspeccionar elemento), luego apago el bootstrap o materializo la propiedad para ver cuál me gusta más y eliminar el estilo del que no me gusta. Solo asegúrate de obtener las versiones no miniaturizadas de materializar y bootstrap.


Materialise no está basado en Bootstrap ni solo en una "capa visual", el uso de ambos frameworks puede llevar a muchas incompatibilidades o al menos superponerse mucho ya que la mayoría de sus funcionalidades son redundantes (grillas, menús, íconos, etc.).

Personalmente uso este proyecto de diseño de material Bootstrap, que es un tema para Bootstrap y funciona muy bien. Si no necesita / quiere Bootstrap, también puede usar Material Design Lite que ha sido lanzado recientemente por Google. Es un marco CSS ligero basado en las pautas de diseño de materiales. Ligero en comparación con el Material angular o el Polímero que también utiliza las directrices de Diseño de materiales, pero que forma parte de o requiere otros marcos de JavaScript (es decir, Angular).


No estoy seguro de que eso sea posible. Material Design es algo nuevo de Google e incluye una respuesta como parte de él, mientras que la biblioteca de Bootstrap es de Twitter y parece estar orientada principalmente a la respuesta.
Mira esta conversación: http://forums.oscommerce.com/topic/407994-material-design/?hl=material
Sospecho que no se van a integrar entre sí, y entrarán en conflicto mal, pero tal vez alguien más tenga más información.


Puede eliminar la GRID de materialize.css y simplemente compilar un paquete de rutina de arranque personalizado con BT GRID y sin los botones, etiquetas, etc.

No use ningún plugin BT jQuery, luego compile y cargue bootstrap.min.css primero en su plantilla y luego modded materialize.css y materilize.min.js.

También puede integrar solo botones, tarjetas o colores seleccionándolos de materialize.css e inserte en su template.css / style.css para sobrescribir los estilos de arranque o para agregar clases alternativas de CSS a su GRID.


necesitas establecer el orden de los archivos CSS como

<link href="css/bootstrap.min.css" rel="stylesheet" /> <link href="css/yourStyle.css" rel="stylesheet"/>

Ahora puede anular las clases o identificadores bootstrap css, y puede crear sus propios estilos CSS.


Es posible, ya probé ambos frameworks en un solo formulario web, aunque algunas propiedades de los controles se superpusieron, especialmente a la etiqueta <div> que llama a la clase contenedor para la etiqueta.
Para la grilla, en realidad todavía sigue el bootsrap, por alguna razón, (que no sé). Como traté de reorganizar el orden de las etiquetas <script> , aún la grilla de bootspray sigue siendo la utilizada por la página web / webform.