Comment basculer ordinateur de bureau mobile vue à l'intérieur d'un menu dans la Sémantique de l'INTERFACE utilisateur? Aura de la réactivité de l'appareil ne fonctionne qu'avec des lignes et des colonnes?

Comment mettre en œuvre mobile seulement ou bureau seulement vue à l'intérieur d'un menu principal dans la Sémantique de l'INTERFACE utilisateur? Sera le Sensible à l'Appareil fonctionnalité fonctionne uniquement avec des lignes et des colonnes comme indiqué dans Sémantique de l'INTERFACE utilisateur de la Grille? Quelqu'un peut-il svp me conseiller sur la façon dont cela peut être réalisé avec la Sémantique de l'INTERFACE utilisateur ou dois-je utiliser javascript pour faire de même?

Ce que vous avez essayé jusqu'à présent? Pouvez-vous ajouter un jsfiddle?
J'ai une ligne avec le mobile, la tablette et l'ordinateur vue en cet extrait. Pouvez-vous conseils sur la façon de mettre en œuvre la même pour le menu
Comme ceci codepen.io/surjithctly/stylo/ymHin ?
Merci pour votre réponse, mais pour l'ordinateur et la tablette vue, on peut voir un rembourrage supplémentaire le menu ci-dessus en raison de la règle suivante .l'interface utilisateur.grid > .ligne { padding: 1rem 0px 0px;}
Vous pouvez l'ajuster manuellement. Voir la réponse ci-dessous

OriginalL'auteur Vinoth Kumar | 2013-12-26