使用Bootstrap创建垂直按钮

可以通过以下步骤进行：

引入Bootstrap库：在HTML文件中的<head>标签中，引入Bootstrap的CSS和JavaScript文件。可以使用CDN链接或者本地文件引入。

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

创建垂直按钮：在HTML文件中的<body>标签中，使用Bootstrap的CSS类来创建垂直按钮。可以使用垂直导航（Vertical Nav）的组件和按钮（Button）的组合来实现。

<div class="container">
  <div class="row">
    <div class="col-sm-3">
      <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
        <a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">Home</a>
        <a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">Profile</a>
        <a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false">Messages</a>
        <a class="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings" aria-selected="false">Settings</a>
      </div>
    </div>
    <div class="col-sm-9">
      <div class="tab-content" id="v-pills-tabContent">
        <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">Content for Home tab.</div>
        <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">Content for Profile tab.</div>
        <div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">Content for Messages tab.</div>
        <div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">Content for Settings tab.</div>
      </div>
    </div>
  </div>
</div>

以上代码使用了Bootstrap的网格系统（Grid System）和导航（Nav）组件来创建垂直按钮。其中，<div class="nav flex-column nav-pills">创建了一个垂直导航栏，<a class="nav-link">创建了按钮，通过data-toggle和href属性来控制显示的内容。

这样，就可以在网页中创建一个包含垂直按钮的导航栏，并在点击按钮时显示对应的内容。

注意：以上代码中的CDN链接是腾讯云提供的链接，如果需要更多关于腾讯云的产品和介绍，可以访问腾讯云官方网站（https://cloud.tencent.com/）。