Bootstrap 4 pre code kbd


Home > bootstrap4


Example
PHP code:
<pre><code>echo "hello world!";</code></pre>

Result:

PHP code:
echo "hello world!";
Try it

 

Example
PHP code:
<code>echo "hello world!";</code>

Result:

PHP code: echo "hello world!";
Try it

 

Example
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
Powered by Githua.com