前端库Bootstrap框架：「11]使用span创建行内元素

<p>最<span class="text-danger">讨厌的:span>三件事 p>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/>
<style>
h2 {
font-family: Lobster, Monospace;
}


.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
style>


<div class="container-fluid">


<h2 class="text-center text-primary">宠物猫应用h2>


<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="一只可爱的橙色猫躺在它的背上">a>


<img class="img-responsive" src="https://bit.ly/fcc-running-cats">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-primary btn-block">喜欢button>
div>
<div class="col-xs-4">
<button class="btn btn-info btn-block">提示信息button>
div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger">删除button>
div>
div>
<p>宠物猫<span class="text-danger">爱好span>:p>
<ul>
<li>吃鱼li>
<li>嬉戏li>
<li>吃猫粮li>
ul>
<p>最讨厌的三件事:p>
<ol>
<li>跳蚤li>
<li>打雷li>
<li>狗li>
ol>
<form action="http://www.icoderoad.com/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> 户内label>
<label><input type="radio" name="indoor-outdoor"> 户外label>
<label><input type="checkbox" name="personality"> 爱label>
<label><input type="checkbox" name="personality"> 懒惰label>
<label><input type="checkbox" name="personality"> 疯狂label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">提交button>
form>
div>