Wie zu toggle mobile desktop-Ansicht im inneren ein Menü im Semantic-UI? Wird die Reaktion zu Gerät arbeitet nur mit Zeilen und Spalten?

Wie die Umsetzung mobile nur oder desktop nur Blick in ein Hauptmenü in Semantic-UI? Wird die Reaktionsschnell Weg zum Gerät Funktion funktioniert nur mit Zeilen und Spalten wie angegeben in Semantic UI Grid? Kann einer bitte mir Ratschläge, wie dies erreicht werden kann, mit Semantic-UI, oder soll ich javascript benutzen, das gleiche zu tun?

Was haben Sie bisher ausprobiert? Können Sie fügen Sie ein jsfiddle?
Ich habe eine Zeile mit mobile -, tablet-und computer-Ansicht in textausschnitt. Können Sie beraten, wie die Umsetzung der gleichen für Menü
Wie das codepen.io/surjithctly/pen/ymHin ?
Vielen Dank für Ihre Antwort, aber für computer-und tablet-Ansicht sehen wir einen extra-Polsterung oben genannten Menüpunkte werden aufgrund der folgenden Regel .ui.raster > .Zeile { padding: 1rem 0px 0px;}
Sie können auch manuell einstellen. Siehe Antwort unten

InformationsquelleAutor Vinoth Kumar | 2013-12-26

  1. 7

    Hinzufügen von HTML-Klassen-Menü auch

    Arbeiten Demo

    HTML

    <div class="ui inverted menu grid">

  <div class="mobile only row">...</div>
  <div class="tablet only row">...</div>
  <div class="computer only row">...</div>

  </div>

    Für das padding-Problem, Ovrride CSS-Datei mit der unten Klasse

    .ui.menu.grid>.computer.only.row {
  padding:0;
}
    Ja, ich Stimme, dass dies getan werden kann in dieser Weise aber eigentlich war ich auf der Suche für eine Umsetzung zu tun, nativ in semantic-ui.
    Vielen Dank für diese Antwort. Ich war auf der Suche für diese, überall und für mich würde es scheinen ganz gewöhnliche Anfrage. Ich verstehe nicht, warum es nicht in der Dokumentation

    InformationsquelleAutor Surjith S M

Schreibe einen Kommentar