4. bootstrap 列表 和 代码

 列表

<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<ul>
						<li>中国</li>
						<li>美国</li>
						<li>英国</li>
					</ul>
					<hr />
					<ol>
						<li>中国</li>
						<li>美国</li>
						<li>英国</li>
					</ol>
					<hr />
					<!--
                	list-inline 去点
               		-->
					<ul class="list-unstyled">
						<li>中国</li>
						<li>美国</li>
						<li>英国</li>
					</ul>
					<hr />
					<!--
                	list-inline 水平排列
               		-->
					<ul class="list-inline">
						<li>中国</li>
						<li>美国</li>
						<li>英国</li>
					</ul>
					<hr />
					<!--
                	bootstrap 默认去掉了缩进
               		-->
					<dl>
						<dt>java1</dt>
						<dd>java的编程思想是面向对象</dd>
						<dt>java2</dt>
						<dd>java的编程思想是面向对象</dd>
						<dt>java3</dt>
						<dd>java的编程思想是面向对象</dd>
						<dt>java4</dt>
						<dd>java的编程思想是面向对象</dd>
						<dt>java5</dt>
						<dd>java的编程思想是面向对象</dd>
					</dl>
					<hr />
				</div>

			</div>
		</div>

 代码

		<div class="container">
			<div class="row">
				<!-- <code>内联代码  可以在页面显示任意标签 -->
				java 的入口函数为main
				<code>publit static void main(String args[])
				</code> 这是一个必须的做法
				<hr />
				<!-- <kdb>用户输入提示   看起来像键盘而已 -->
				要切换目录，键入<kbd>cd</kbd>然后是目录的名称<br> 要编辑设置，按下
				<kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd><br/> 只是看起来像键盘而已
				<hr />
				<!-- <pre>代码块  空格 回车不会受到约束 -->
				<pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre><br />
				<!-- <var>变量 -->
				<var>y</var> = <var>m</var><var>x</var> + <var>b</var><br />
				<!-- <samp>输出结果 -->
				<samp>这篇文章的意思是作为计算机程序的样本输出。</samp>
			</div>
		</div>