Bootstrap basic page elements, codes, lists

Source: Internet
Author: User

Bootstrap basic page elements, codes, lists

<!DOCTYPE HTML><HTML><Head>    <title></title>    <MetaCharSet= "Utf-8">    <Linkrel= "stylesheet"type= "Text/css"href= "Dist/css/bootstrap.css"></Head><Body><Pclass= "Btn-primary">page elements: H1, Small, p,. Lead,. Text-right,. Text-center,. Text-justify,. Text-uppercase,. Text-right, abbr, address , Blockquote</P><H1>This is H1<Small>This was small in H1, small font-size is 80%</Small></H1><Pclass= "Lead">This is the lead paragraph</P><P>This is normal paragraph 1</P><P>This is normal paragraph 2</P><Pclass= "Text-right"><Strong>This is strong tag</Strong>    </P><Pclass= "Text-center"><Small>This is small tag</Small>    </P><Pclass= "Text-justify">    <em>This is EM tag</em></P><Pclass= "Text-uppercase">    <cite>This is cite tag</cite></P><abbrtitle= ' thisis abbr title '>This is ABBR message</abbr><Addressclass= "Text-right">    <Strong>This is strong</Strong><BR>    <Strong>This is Strong2</Strong></Address><blockquote>    <P>This was a P in Blockquote</P></blockquote><blockquote>    <P>This was a P 2 in Blockquote</P>    <Small>This was a small in blockquote</Small>    <cite>This was a cite in blockquote</cite></blockquote><Pclass= "Btn-primary">list elements: Ul>li, Ol>li,. list-unstyled,. List-inline, Dl>dt+dd,. Dl-horizontal</P><ulclass= "list-unstyled">    <Li>This is first</Li>    <Li>This is second</Li>    <Li>This is third</Li></ul><olclass= "list-unstyled">    <Li>This is first</Li>    <Li>This is second</Li>    <Li>This is third</Li></ol><ulclass= "List-inline">    <Li>This is first</Li>    <Li>        <ulclass= "list-unstyled">            <Li>This is a</Li>            <Li>This is B</Li>            <Li>This is C</Li>        </ul>    </Li></ul><DL>    <DT>This is DL s DT</DT>    <DD>This is DL ' s DD</DD>    <DT>This is DL s DT</DT>    <DD>This is DL ' s DD</DD></DL><DLclass= "Dl-horizontal">    <DT>This is DL s DT</DT>    <DD>This is DL ' s DD</DD>    <DT>The is DL's DT ' s long long long content</DT>    <DD>This is DL ' s DD</DD></DL><Pclass= "Btn-primary">code notation: codes, KBD, pre</P><Code>This is code</Code><KBD>This is KBD</KBD><Pre>This is Pre.and the is pre too</Pre><Preclass= "Pre-scrollable">This is pre scrollable.    This is pre scrollable.    This is pre scrollable.    This is pre scrollable.    This is pre scrollable.    This is pre scrollable.    This is pre scrollable.    This is pre scrollable.    This is pre scrollable.    This is pre scrollable.    This is pre scrollable.    This is pre scrollable.    This is pre scrollable.    This is pre scrollable.    This is pre scrollable.    This is pre scrollable.    This is pre scrollable.    This is pre scrollable.    This is pre scrollable.    This is pre scrollable. This is pre scrollable.</Pre><Scripttype= "Text/javascript"src= "Dist/jquery/jquery-1.11.3.js"></Script><Scripttype= "Text/javascript"src= "Dist/js/bootstrap.js"></Script></Body></HTML>

Bootstrap basic page elements, codes, lists

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.