Answers for "bootstrap close button looking weir"

how to implement close button using bootstrap

<button type="button" class="close" aria-label="Close">
  <span aria-hidden="true">×</span>
</button>

bootstrap buttons Disabled state

Make buttons look inactive by adding the disabled boolean attribute to any
<button> element.
<button type="button" class="btn btn-lg btn-primary" disabled>Primary button</button>
<button type="button" class="btn btn-secondary btn-lg" disabled>Button</button>