bootstrap3のボタンのまわりの余白(マージン)を指定する方法
bootstrap3は、クラス指定するだけでフラットデザインな感じのボタンが使えるのですが、デフォルトのまま並べると、わりとキツキツな感じ…。
|
1 2 3 |
<a href="http://hoge.com/edit" class="btn btn-primary">編集</a> <a href="http://hoge.com/delete" class="btn btn-danger">削除</a> <a href="http://hoge.com/cancel" class="btn btn-warning">キャンセル</a> |
自分で定義したCSSファイルで上書きするとイイ感じに調節できる。
もともとCSSはカスケード・スタイル・シート(上書きできる様式指定)なので、bootstrap3本体ファイルはいじらずに、上書き指定が良いと思う。
|
1 2 3 4 5 |
.btn { // margin: 10px;でもいいけど、上下左右指定になってスキマが開きすぎる感じになる。 margin-top: 10px; margin-right: 10px; } |
