ブートストラップ - すべての要素にそのクラスを追加する必要がありますか？ CSSで

Question

私は明示的にすべての要素のクラスを設定せずにbtn btn-sm btn-defaultをブートストラップするためにすべてのボタンを設定する方法はありbutton { /* style stuff */ }

のようなすべての要素に対してグローバルにスタイルを定義するために使用していますか？あなたがLESSに精通している場合

button { 
    btn btn-sm btn-default 
} 

Answer 1

のようなもの、あなたがbuttonとブートストラップコアとプリペンド各.btnを編集し、そう.btn, button、あまりを再コンパイルすることができたとえば

。 buttons.lessは見たいファイルです。

また、「.btn {」の検索と置換を行い、コンパイルしたブートストラップのCSSの「.btn, button {」と置き換えてください。ブートストラップには多くのサブクラスがあるので（.btn-default、.btn-primaryなど）、これは何度も行う必要があります。

Answer 2

LESSやその他のCSS拡張機能を使用していない場合は、別のスタイルシートを作成することもできます（custom.cssと呼んでください - ほとんどの人がフレームワークスタイルシートにカスタムスタイルシートを使用します）そこの様式。たとえば、次のように

button { 
    // Here what ever is inside bootstraps btn-sm and btn-default and even set the styles with !important so they will over write the bootstrap defaults for sure 
} 

次に、このように、たとえば、文書の最後のスタイルシートとして設定：

<link href="bootstrap.css" rel="stylesheet"> 
<link href="custom.css" rel="stylesheet"> 

そして、このようすべてのボタンが所望のスタイルを持っている必要がありますし、あなたはまだ他を使用することができますブートストラップCSSの機能

Answer 3

他の方法では、jqueryを使用してすべてのボタンにクラスを追加できます。

$(document).ready(function() { 
    $('button').addClass('btn btn-sm btn-default'); 
})