按钮在本地文件上显示，但在heroku中部署到web上时不显示

Question

我有一个Bootstrap按钮。当HTML文件在本地运行时，它可以工作，但当我在浏览器上打开它时，它不会显示出来。有人能帮帮忙吗？

<form class="form-post">
  <select class="form-control" id="type" required autofocus>
    <option value="" disabled selected style="display: none;"
      >Choose a subject category</option
    >
    <option value="">Textbook</option>
    <option value="">Course Notes</option>
    <option value="appliance">Electronics</option>
    <option value="appliance">iClicker</option>
    <option value="appliance">Calculator</option>
    <option value="appliance">Others</option>
  </select>

  <button id="post2" class="post-ad" type="submit">Post Your Ad h</button>
</form>

Answer 1

您很可能已经添加了引导程序链接，但是您是否包含引导程序链接？我之前用过，但我记得用过，你可以在here上看看。

此外，您还可以查看示例here，其中有按钮、单选按钮、复选框等。

另外，我发现了一个类似的问题，也许比我之前的答案更能帮助你。答案就在范布伦here的评论中。

Answer 2

在所有其他样式表加载CSS之前，将样式表复制粘贴到中。

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

变化

 <button id="post2" class="post-ad" type="submit" >Post Your Ad h</button>

至

<button id="post2" class="btn btn-primary" type="submit">Post Your Ad h</button>