Categoría: Bootstrap

Explicar los pasos para crear formularios básicos o verticales usando Bootstrap

Posted on by Rudeus Greyrat

Bootstrap es un marco CSS de código abierto que se utiliza para crear sitios web receptivos. Tiene marco HTML, CSS, JS para desarrollar sitios web fáciles de usar y receptivos. A partir de agosto de 2021, Bootstrap es el décimo proyecto con más estrellas en Github. El sitio web tiene plantillas preparadas junto con su … Continue reading «Explicar los pasos para crear formularios básicos o verticales usando Bootstrap»

Cree un menú desplegable de arranque que se produzca después de presionar una tecla específica

Posted on by Rudeus Greyrat

Los menús desplegables son un conjunto de enlaces o una lista que se muestra al hacer clic en un botón o en un evento del teclado. Bootstrap también presenta un marco para implementar menús desplegables. Pero el evento desplegable de arranque predeterminado solo ocurre con un clic del mouse.  En este artículo, veremos cómo sobrescribir … Continue reading «Cree un menú desplegable de arranque que se produzca después de presionar una tecla específica»

¿Cómo diseñar un mazo de cartas receptivo con ancho fijo en Bootstrap?

Posted on by Rudeus Greyrat

La tarjeta Bootstrap nos brinda una gran cantidad de funcionalidades con las que podemos jugar. También podemos hacerlos receptivos y también de tamaño fijo, todo depende de nuestra necesidad. Entonces, el código para el mazo de cartas de arranque de tamaño fijo se proporciona a continuación. Hemos proporcionado el código sin usar las propiedades CSS … Continue reading «¿Cómo diseñar un mazo de cartas receptivo con ancho fijo en Bootstrap?»

¿Cómo diseñar una barra de navegación desplegable de ancho completo usando Bootstrap?

Posted on by Rudeus Greyrat

En Bootstrap 4, NavBar es un componente esencial para los menús. NavBar contiene tantos elementos como texto, enlace de texto, deshabilitar el enlace, botones desplegables, formularios, etc. Para hacer que los subelementos desplegables ocupen el ancho completo, se pueden realizar utilizando las propiedades CSS o las utilidades predeterminadas de Bootstrap 4. Los siguientes enfoques explicarán … Continue reading «¿Cómo diseñar una barra de navegación desplegable de ancho completo usando Bootstrap?»

¿Cómo crear una barra de navegación en Bootstrap?

Posted on by Rudeus Greyrat

Bootstrap Navbar es un encabezado de navegación que se encuentra en la parte superior de la página web y que se puede extender o contraer, según el tamaño de la pantalla. Bootstrap Navbar se utiliza para crear una navegación receptiva para nuestro sitio web.  Podemos crear una barra de navegación estándar con <nav class=”navbar navbar-default”> … Continue reading «¿Cómo crear una barra de navegación en Bootstrap?»

¿Cómo colocar el botón en la esquina superior derecha usando bootstrap?

Posted on by Rudeus Greyrat

Para colocar un botón en la parte superior derecha, hay varias formas de hacerlo. La forma más fácil de hacer esto, establezca «tirar hacia la derecha» en la clase de botón. Ejemplo: <!DOCTYPE html> <html lang=»en»>    <head>     <title>       place button in top right corner   </title>        <meta charset=»utf-8″>     <meta name=»viewport»            content=»width=device-width,                     initial-scale=1″>     <link rel=»stylesheet» … Continue reading «¿Cómo colocar el botón en la esquina superior derecha usando bootstrap?»

¿Cómo insertar un icono de búsqueda en Bootstrap?

Posted on by Rudeus Greyrat

En este artículo veremos cómo insertar un icono de búsqueda en Bootstrap . Si bien Bootstrap no incluye un conjunto de iconos de forma predeterminada, tienen su propia biblioteca de iconos integral llamada Iconos de Bootstrap. Siéntase libre de usarlos o cualquier otro conjunto de iconos en su proyecto. Hay varias formas de agregar un … Continue reading «¿Cómo insertar un icono de búsqueda en Bootstrap?»

¿Cómo hacer un menú desplegable de pestañas de la versión 2 de bootstrap?

Posted on by Rudeus Greyrat

Usando un simple complemento de Bootstrap, puede agregar un menú desplegable en pestañas usando la clase desplegable. Las clases nav y nav-tabs también se utilizan para lograr esto.  Primero, haga una lista desordenada y asígnele una clase de nav y nav-tabs . Ahora, asigne una clase de menú desplegable a la etiqueta del elemento de … Continue reading «¿Cómo hacer un menú desplegable de pestañas de la versión 2 de bootstrap?»

¿Cómo establecer la posición de la información sobre herramientas en un botón en Bootstrap?

Posted on by Rudeus Greyrat

Se utiliza una información sobre herramientas para proporcionar sugerencias textuales interactivas al usuario sobre el elemento cuando se mueve el puntero del mouse. Por ejemplo, en la imagen a continuación, GeeksForGeeks es un botón y cuando el mouse del usuario se mueve sobre él, se mostrará la información adicional «Un portal de informática». Vamos a … Continue reading «¿Cómo establecer la posición de la información sobre herramientas en un botón en Bootstrap?»

¿Cómo establecer la clase activa de la barra de navegación con Bootstrap y AngularJS?

Posted on by Rudeus Greyrat

Para configurar una clase activa en su barra de navegación de arranque, puede usar ng-controller (NavigationController) para configurar la clase activa de la barra de navegación de arranque con AngularJS. Para ejecutar un solo controlador fuera de ng-view . Puede configurar class = «activo» cuando se hace clic en la ruta angular. El siguiente ejemplo … Continue reading «¿Cómo establecer la clase activa de la barra de navegación con Bootstrap y AngularJS?»