Trennlinie mit Bootstrap

[css_anfänger]

Hi,

ich habe mir nach Vorlage eines Templates (http://joomlathemes.co/demo3x/clever) eine eigene HTML Datei gebaut( nur zum üben).Bis jetzt habe ich auch alles soweit hin bekommen außer eine grafische Abtrennung der NAVBAR.
Ich habe arbeite mit Bootstrap 4.1 und möchte wie ich es in diesem Bild markiert habe eine solch eine Abtrennung bauen.




Mit class="divider" bekomme ich jedoch nur einen ganzen Strich hin. (https://getbootstrap.com/2.3.2/components.html )

Habt ihr eine Idee wie ich das hinbekomme?

Danke für die Hilfe

 

[Gelöschtes Mitglied 36401]

Der Navigation border-top und border-bottom verpassen

 

[css_anfänger]

Der Navigation border-top und border-bottom verpassen

Hallo,

das hatte ich schon probiert dann sieht er es mir über die ganze Seite.

 

[Gelöschtes Mitglied 36401]

Dann poste mal einen Link zu deiner Seite

 

[css_anfänger]

Die Seite läuft lokal zum testen.

Hier aber mal der Code mit Bootstrap usw.

 

[Gelöschtes Mitglied 36401]

Die Seite läuft lokal zum testen.

Dann ändere das, zur Not bei einem Freehoster. Downloaden werde ich mir das bestimmt nicht.

 

[css_anfänger]

Dann ändere das, zur Not bei einem Freehoster. Downloaden werde ich mir das bestimmt nicht.

http://schally.ddns.net/test

 

[basti1012]

Hallo,

das hatte ich schon probiert dann sieht er es mir über die ganze Seite.
Anhang anzeigen 5021

Deine Nav geht ja auch über die ganze Seite. Wenn du es so haben willst wie auf den Bild versuch es mal so und gebe hier die Border ein

@media (min-width: 576px)
.navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
    border: 2px solid red;
}

Das ist aber keine Bootstramp Lösung, fals Bootstramp sowas überhaupt anbietet

 

[css_anfänger]

@media (min-width: 576px)
.navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
    border: 2px solid red;
}

Danke damit hat es funktioniert ich habe mich noch mit der Docu von Bootstrap auseinander gesetzt das ist leider nicht möglich.