Bootstrap provides three ways to code display: inline code
1. Use element shows single-line inline code
Inline code is primarily about setting the background color of the code element and its inner text color.
Usage
<code><body></body></code>
//source code
{
padding:2px 4px;
font-size:90%;
Color: #c7254e;
Background-color: #f9f2f4;
border-radius:4px;
}
2. Use element Displays user input code
element contains content that indicates that the content requires a user's keyboard input, so it is generally set to the effect of input, usage and code similar
Usage <pre> <article>
SOURCE
kbd {
padding:2px 4px;
font-size:90%;
Color: #fff;
Background-color: #333;
border-radius:3px;
-webkit-box-shadow:inset 0-1px 0 rgba (0, 0, 0,.);
Box-shadow:inset 0-1px 0 rgba (0, 0, 0,.);
3. Use
Element new multiple lines of code block, the code needs to be shown as a separate block element or the code has multiple lines, then you should use the tag.
Usage <pre> <article>
The above is the entire content of this article, I hope to help you learn, but also hope that we support the cloud habitat community.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
