ブートストラップボタンのサイズを追加する
Bootstrapでボタンのサイズを追加するには、次のクラスを試してください:
クラス | 説明 |
---|---|
。btn-lg | これにより、ボタンのサイズが大きくなります。 |
。btn-sm | これにより、ボタンのサイズが小さくなります。 |
。btn-xs | これにより、ボタンのサイズが非常に小さくなります。 |
。btn-block | これにより、親の全幅にまたがるブロックレベルのボタンが作成されます。 |
例
次のコードを実行して、小さなボタンを作成してみてください-
<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <meta name = "viewport" content = "width = device-width, initial-scale = 1"> <link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> </head> <body> <button type = "button" class = "btn btn-default btn-sm"> Small button </button> </body> </html>
-
PowerPoint プレゼンテーションにアクション ボタンを追加する方法
アプリケーションの奇妙な場所にあり、PowerPoint スライドにアクション ボタンを追加して、プレゼンテーションをよりインタラクティブにし、視聴者にとって使いやすくすることができます。 これらのアクション ボタンを使用すると、プレゼンテーションを簡単にナビゲートし、プレゼンテーション内のスライドを Web ページのように動作させることができます。 アクション ボタンを PowerPoint プレゼンテーションに追加する前に、視聴者がプレゼンテーションをどのように使用するかを慎重に検討してください。アクション ボタンは、スライドの目立つ部分に配置する必要がありますか?それとも、単純に下ま
-
iPhone X に関する 9 つの便利なヒント
iPhone X他のiPhoneとはまったく異なり、ディスプレイ、顔認識、アニ文字、ジェスチャーですべてを制御するスマートフォンの新時代の幕開けです。しかし、ホームボタンがないと実用的ではなく、難しいように思えます。変化に適応するには常に時間がかかりますが、変化がより良いものであれば、努力する価値は間違いなくあります。 新しい iPhone を手に入れるために、iPhone X を楽しむのに役立ついくつかの隠れたヒントを集めました。より良いユーザー エクスペリエンスのためにこれらをチェックしてください。 Apple の未来の UI をマスターするための iPhone X のヒント 1.スワイプ