Latest web development tutorials

Kod bootstrap

Bootstrap pozwala na wyświetlanie kodu na dwa sposoby:

  • Pierwszym z nich jest <code>. Jeśli chcesz wyświetlić kod inline, należy użyć <code>.
  • Drugim jest znacznik <pre>. Jeżeli kod musi zostać przedstawiony jako oddzielny element bloku lub kilku linii kodu, należy użyć znacznik <pre>.

Upewnij się, że podczas korzystania z <pre> i <code>, rozpoczęcia i zakończenia tagów użyćodmiany unicode: & lt; a & gt ;.

Rzućmy okiem na poniższych przykładach:

Przykłady

<P> <code> & lt ; header & gt; </ code> jest otoczony jako elementy inline. </ P> <P> Jeśli chcesz umieścić kod pojawia się jako oddzielny element bloku, użyj & lt; pre & gt; tag: </ p> <Pre> & Lt; article & gt; & Lt; h1 & gt; Artykuł Nagłówek & lt; / h1 & gt; & Lt; / article & gt; </ Pre>

Spróbuj »

Przykłady pokazują następujący obraz:

kod

Więcej przykładów

Element / klasa opis Przykłady
<Var> Zmienna przypisania: x = a + b y próbować
<Kbd> Key Wskazówka: CTRL + P próbować
<Pre> Wiele linii kodu próbować
<Pre class = "pre-przewijane"> Wiele linii kodu z paska przewijania próbować
<Samp> Wyjście Program komputerowy: Przykładowe wyjście próbować
<Code> Ta sama linia fragmentu kodu: span , div próbować