Latest web development tutorials

Código Bootstrap

Bootstrap permite que você exiba o código de duas maneiras:

  • A primeira é a tag <code>. Se você deseja exibir código embutido, então você deve usar <code> tag.
  • A segunda é a tag <pre>. Se o código precisa ser mostrado como um elemento de bloco separado ou várias linhas de código, você deve usar a tag <pre>.

Certifique-se de que quando você usa a tag <pre> e <code>, as tags de início e fim usar umvariantes unicode: & lt; e & gt ;.

Vamos dar uma olhada nos seguintes exemplos:

Exemplos

<P> <code> & lt ; cabeçalho & gt; </ code> é cercado de elementos em linha. </ P> <P> Se você precisa colocar o código aparece como um elemento de bloco em separado, use & lt; pre & gt; tag: </ p> <Pre> & Lt; artigo & gt; & Lt; h1 & gt; Artigo ponto & lt; / h1 & gt; & Lt; / article & gt; </ Pre>

tente »

Exemplos mostram o seguinte quadro:

código

mais exemplos

Elemento / classe descrição Exemplos
<Var> atribuição de variável: x = a b + y tentar
<Kbd> Dica importante: CTRL + P tentar
<Pre> Várias linhas de código tentar
<Class Pré = "pré-rolagem"> Várias linhas de código com uma barra de rolagem tentar
<Samp> saída de programa de computador: Exemplo de saída tentar
<Código> A mesma linha de fragmento de código: span , div tentar