Bootstrap 标签学习笔记

Bootstrap 是一个流行的前端框架，它包含了许多常用的标签和样式。在本文中，我们将介绍一些 Bootstrap 中常用的标签，并给出一些实例。

文本标签

h1-h6 标签

Copy Code
<h1>这是一个h1标题</h1>
<h2>这是一个h2标题</h2>
<h3>这是一个h3标题</h3>
<h4>这是一个h4标题</h4>
<h5>这是一个h5标题</h5>
<h6>这是一个h6标题</h6>

p 标签

Copy Code
<p>这是一个段落。</p>

a 标签

Copy Code
<a href="#">这是一个链接</a>

表单标签

form 和 input 标签

Copy Code
<form action="#" method="post">
  <div class="form-group">
    <label for="inputName">姓名</label>
    <input type="text" class="form-control" id="inputName">
  </div>
  <div class="form-group">
    <label for="inputEmail">邮箱</label>
    <input type="email" class="form-control" id="inputEmail">
  </div>
  <button type="submit" class="btn btn-primary">提交</button>
</form>

select 和 option 标签

Copy Code
<select class="form-control">
  <option>请选择</option>
  <option>选项1</option>
  <option>选项2</option>
  <option>选项3</option>
</select>

图片标签

img 标签

Copy Code
<img src="https://via.placeholder.com/250x150" alt="占位图片">

按钮标签

button 和 a 标签

Copy Code
<button type="button" class="btn btn-primary">按钮</button>
<a href="#" class="btn btn-info">链接按钮</a>

结论

本文介绍了 Bootstrap 中常用的一些标签，并给出了一些实例。希望对大家的学习有所帮助。