ボタンの色を変えたい

Question

bootstrapを利用したボタンのCSSについて
150pxや100pxなどの指定ではなく文字の大きさに合わせてボタンの大きさが変わる方法をご教示ください。

ブートストラップを利用して以下のようにコードを書くと

<button id="button" class="btn btn-primary btn-lg btn-block" onclick="hoge()"></button>

ボタンが以下のように異様に横に伸びてしまいます。

#ためしたこと
w-150pxを挿入したのですが横幅が長いままでダメでした。
<button id="button" class="btn btn-primary w-150px btn-lg btn-block" onclick="hoge()"></button>

150pxや100pxなどの指定ではなく
文字の大きさに合わせてボタンの大きさが変わる方法をご教示ください。
宜しくお願いします。

Answer 1

自分でそういうふうにしたからじゃないですか？

.btn-block

Bootstrapに用意されているクラス【ボタン編】

Answer 2

btn-blockを外すだけでいいかと思います。

<button id="button" class="btn btn-primary btn-lg" onclick="hoge()">なにか文言を入れる</button>

Comments

[退会済みユーザー]

maisumakunさんご無沙汰しております。丁寧かつ迅速な回答ありがとうございます。いつも丁寧な回答ばかりみておりますのでベストアンサーとさせていただきます。