El marco de código abierto de la interfaz de usuario semántica brinda íconos o glifos que se usan para mostrar imágenes relacionadas con algunos elementos usando CSS y jQuery que se usan para crear excelentes interfaces de usuario. Es un marco de desarrollo utilizado para crear diseños hermosos y receptivos.
El menú de IU semántica es un grupo de elementos que muestra diferentes acciones de navegación. Podemos navegar a diferentes páginas del sitio web. Un menú puede ser una combinación de enlaces, barra de búsqueda y menús desplegables.
La variación ajustada del menú de la interfaz de usuario semántica permite que el menú se ajuste al espacio más pequeño posible sin afectar el tamaño de la fuente ni ningún otro formato. Hace que el relleno en el ancho sea cero.
Clase de variación fija del menú de interfaz de usuario semántica:
- equipado: agregue esta clase al menú y el menú se ajustará.
Sintaxis: agregue la clase ajustada al menú de la siguiente manera:
<div class="ui fitted menu">
...
</div>
Ejemplo: En el siguiente ejemplo, tenemos un menú ajustado en nuestro sitio.
HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" /> </head> <body> <div class="ui container"> <center> <div class="ui header green"> <h1>GeeksforGeeks</h1> </div> <strong>Semantic UI Menu Fitted Variation</strong> <br /> <br /> </center> <div class="ui fitted menu"> <div class="header item"> GeeksforGeeks </div> <a class="item" href= "https://www.geeksforgeeks.org/data-structures" target="_blank"> Data Structures </a> <a class="item" href= "https://www.geeksforgeeks.org/fundamentals-of-algorithms" target="_blank"> Algorithms </a> <a class="item" href= "https://www.geeksforgeeks.org/machine-learning/" target="_blank"> Machine Learning </a> </div> </div> </body> </html>
Producción
Referencia: https://semantic-ui.com/collections/menu.html#fitted
Publicación traducida automáticamente
Artículo escrito por manavsarkar07 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA