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

ブートストラップフレームワークを使用してタブを作成する

タブは、余分なスペースを使用せずにさまざまな情報ペインを表示できるようにするユーザーインターフェイス（UI）要素です。バインダーや本のタブと同じように、詳細についてはページ上の配置をマークし、情報のペインに含まれる内容によって識別されます。タブをクリックすると、そのタブに関連付けられている情報が表示されます。

Bootstrapは、タブをすばやく作成するのに役立つフレームワークです。この記事では、Bootstrapを設定する方法を確認し、タブを使用する必要がある理由を学び、Bootstrapタブの動作例をいくつか見ていきます。

はじめに

Webページにタブを表示できるようにするために最初に行う必要があるのは、適切な依存関係があることを確認することです。このプロジェクトには、Bootstrap、Popper.JS、jQueryが必要です。すべての依存関係を取得するための支援については、Bootstrapのクイックスタートページに移動してください。

必要なパッケージをリンクする方法はあなた次第ですが、最も簡単で初心者に優しい方法は、jQuery、Popper.js、およびBootstrapにコンテンツ配信ネットワーク（CDN）を使用することです。

  1. HTMLで必要な属性を使用するにはどうすればよいですか？

    HTMLの必須属性が使用されますoフォームを送信する前に、要素を入力する必要があることを指定します。フィールドに入力せずに送信ボタンをクリックすると、エラーが発生し、フォームの送信に失敗します。エラーは「このフィールドに入力してください」になります。 必要な属性は、input、select、およびtextarea要素で使用できます。 例 次のコードを実行して、HTMLで必要な属性を使用する方法を学ぶことができます。 <!DOCTYPE html> <html>    <head>       <t

  2. AASMGemを使用してRubyでステートマシンを作成する方法

    今日は、ステートマシン、それらがどのように機能するか、AASMgemを使用したRubyプロジェクトでそれらを使用する方法について学習します。 今 ： 信号機を想像してみてください… 赤、緑、黄色のいずれでもかまいません。 色が変わると、次へ 色は現在に基づいています 1つ。 これは、目の不自由な人がいつ横断できるかを知るための音を出す種類だとしましょう。 今 ： あなたはこのためのソフトウェアを書いています。 毎回再生する音と次の色をどのように知るのですか？ 次のようなifステートメントを記述できます： if @light.state == green @ligh