Button Shows on local file, but not when deployed on the web in heroku

user_13980226 0
Viewed 64

I have a Bootstrap button. When the HTML file is run locally, it works, but when I open it on a browser it's not showing up. Can anyone please help?

<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>
heroku css html javascript
2 Answers

Most likely you have, but have you included the bootstrap link(s)? I used it a while ago, but I remember using them, you can check them out here.

Also, you can check the examples here, thereare buttons, radio, checkbox, and more.

Also, I found a similar question, that maybe could actually help you more than my past answer. the answer is in the comment made by vanburen here

user_117899340

Copy-paste the stylesheet into your before all other stylesheets to load our 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">

Change

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

to

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