ところで、bootstrap2.0を使った人はいますか？タブに関する質問??_html/css

ディスカッションへの返信 (解決策)

ホームページ

ウェブフロントエンド

htmlチュートリアル

ところで、bootstrap2.0を使った人はいますか？タブに関する質問??_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:02 PM

tab

ちなみに、タブのスタイルが tabs-left の場合、タブは左側の縦列に配置されます。
同時に、右側にはタブのコンテンツが表示されます。。

しかし、タブ内のコンテンツが多すぎると、タブ内のテキストの位置がずれてしまいます。。。上の元のテキストと一致しなくなり、タブの下に表示されます。。

具体的にはこんな感じです:

アップロードしたスペースの写真はみんなも見れるかな？表示されない場合は、ここをクリックしてください: http://hi.csdn.net/space-3277229-do-album-picid-1056573-goto-down.html

変更方法を教えてください。タブの内容が正常になるようにします。場所はどうですか？ありがとうございます。！！！

ディスカッションへの返信 (解決策)

<div class="tabbable tabs-left">  <ul class="nav nav-tabs">    <!--一大串li略去-->  </ul>  <div class="tab-content">    <div class="tab-pane" id="lB">            <p>这个div里面的东西要用p标签或者div标签框起来</p>     </div>    ......此处重复上个div  </div></div>

ログイン後にコピー

私がテストしたコードには上記の問題はありませんでした。div 内の要素は div または p で囲まれている必要があることに注意してください

div と p を追加しました。使いにくいです。。 T T. 。

HTML コード

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7435

CakePHP チュートリアル

1359

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

Related knowledge

CentOS7のTabキーでコマンドが完了できない問題を解決 Jan 17, 2024 pm 01:30 PM

今日、centOS で実験をしていたところ、Ubuntu で一般的に使用されていたタブキーによる補完方法が使用できないことがわかり、非常に興味があったので、情報を検索し、自分でテストした結果、考えられる解決策を次のように記録しました。まず、ターミナルで次のコマンドを実行する必要があります: #yuminstallbash-completion//ワイルドカードインストールを使用することもできます: yuminstallbash-c* または、いくつかの初期化パッケージグループ yum-ygroupinstallBaseCompatibilitylibrariesDebuggingToolsDial-upNetworkingsupppo をインストールすることもできます

Vue でタブコンポーネントとマルチタブページを実装するにはどうすればよいですか? Jun 25, 2023 am 09:33 AM

フロントエンドテクノロジの継続的な更新により、Vue は人気のあるフロントエンドフレームワークとして、多くの開発者の最初の選択肢になりました。実際のプロジェクトでは、さまざまな機能モジュールを切り替えて管理するために、タブコンポーネントやマルチタブページを使用する必要があることがよくあります。この記事では、Vueを使ってシンプルなタブコンポーネントとマルチタブページを実装する方法を紹介します。 1. 単純なタブコンポーネントの実装 Tab.vue コンポーネントの作成プロジェクト内に Tab.vue コンポーネントを作成して表示します。

Vue でタブを実装する 3 つの方法は何ですか? Jan 29, 2023 pm 02:49 PM

Vue でタブを実装するには 3 つの方法があります: 1. 「v-show」を介してタブコンテンツの切り替えを制御する; 2. Vue の is 機能と「キープアライブ」キャッシュを介してタブ切り替えを実装する; 3. 「router」を介してルート切り替えを実装する-リンク" 。

Alt+Tab でインターフェースを切り替えられないのはなぜですか? Mar 09, 2023 pm 02:11 PM

alt+tab でインターフェースを切り替えることができない理由は、このコマンドが無効になっているためです。解決策: 1. コンピューターの電源を入れ、スタートメニューをクリックし、ファイル名を指定して実行コマンドを選択します。2. 空白のバーに「regedit」と入力します。 3. レジストリマネージャーに入り、「AltTabSettings」オプションを見つけます。 4. 「AltTabSettings」をダブルクリックし、開いたオプションの値データを「00000001」に変更し、「確認」をクリックします。。