当前位置: 首页 > 图灵资讯 > 技术篇> Bootstrap 第2章 排版样式

Bootstrap 第2章 排版样式

来源:图灵教育
时间:2023-06-27 15:10:02

<!doctype html><html lang="zh-cn"><head><meta charset="utf-8"><title>排版样式</title><link rel="stylesheet" href="css/bootstrap.min.css"><link rel="stylesheet" href="prettify/prettify.css"></head><body style="margin:50px;" οnlοad="prettyPrint()"><!--<p>谁问你读书,水落清香飘浮</p><p class="lead">谁问你读书,水落清香飘浮</p><p>谁问你读书,水落清香飘浮</p><p>阅读谁问君诵,水落清香浮</p><h1>阅谁问君诵<small>水落清香浮</small></h1><h2>阅谁问君诵<small>水落清香浮</small></h2><h3>阅谁问君诵<small>水落清香浮</small></h3><h4>阅谁问君诵<small>水落清香浮</small></h4><h5>阅谁问君诵<small>水落清香浮</small></h5><h6>阅谁问君诵<small>水落清香浮</small></h6><h1 class="h3">阅谁问君诵<small>水落清香浮</small></h1><span class="h3">阅谁问君诵<small>水落清香浮</small></span><p>阅谁问君诵<mark>水落清香浮</mark></p><del>阅读谁问君诵,水落清香浮</del>--><p class="text-left">onestopweb 一站式网络</p><p class="text-center">onestopweb 一站式网络</p><p class="text-right">onestopweb 一站式网络</p><p class="text-nowrap" style="border:1px solid red; width:50px;">onestopweb 一站式网络</p><address>地址</address><blockquote>引用文本</blockquote><blockquote class="blockquote-reverse">引用文本</blockquote><ul class="list-unstyled list-inline"><li>onestopweb 一站式网络</li>    <li>onestopweb 一站式网络</li>    <li>onestopweb 一站式网络</li></ul><dl class="dl-horizontal"><dt>一站式网络</dt>    <dd>共享网站,一个共享网站,一个共享网站,一个共享网站,一个共享网站,共享网站</dd></dl><code><section></code><p></p><pre class="prettyprint linenums"><ul class="list-unstyled list-inline"><br><li>onestopweb 一站式网络</li><br>    <li>onestopweb 一站式网络</li><br>    <li>onestopweb 一站式网络</li><br></ul></pre><script src="js/jquery.min.js"></script><script src="js/bootstrap.min.js"></script><script src="prettify/prettify.js"></script></body></html>

效果图:

Bootstrap 第2章 排版样式_Bootstrap