Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

ブートストラップボタンのサイズを追加する


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>

  1. PowerPoint プレゼンテーションにアクション ボタンを追加する方法

    アプリケーションの奇妙な場所にあり、PowerPoint スライドにアクション ボタンを追加して、プレゼンテーションをよりインタラクティブにし、視聴者にとって使いやすくすることができます。 これらのアクション ボタンを使用すると、プレゼンテーションを簡単にナビゲートし、プレゼンテーション内のスライドを Web ページのように動作させることができます。 アクション ボタンを PowerPoint プレゼンテーションに追加する前に、視聴者がプレゼンテーションをどのように使用するかを慎重に検討してください。アクション ボタンは、スライドの目立つ部分に配置する必要がありますか?それとも、単純に下ま

  2. iPhone X に関する 9 つの便利なヒント

    iPhone X他のiPhoneとはまったく異なり、ディスプレイ、顔認識、アニ文字、ジェスチャーですべてを制御するスマートフォンの新時代の幕開けです。しかし、ホームボタンがないと実用的ではなく、難しいように思えます。変化に適応するには常に時間がかかりますが、変化がより良いものであれば、努力する価値は間違いなくあります。 新しい iPhone を手に入れるために、iPhone X を楽しむのに役立ついくつかの隠れたヒントを集めました。より良いユーザー エクスペリエンスのためにこれらをチェックしてください。 Apple の未来の UI をマスターするための iPhone X のヒント 1.スワイプ