奇妙な探しているメニュー(ブートストラップナビゲルピル) -- html フィールド と css フィールド と twitter-bootstrap フィールド 関連 問題

Weird looking menu (bootstrap nav-pills)












0
vote

問題

日本語

スクリーンショットが示すように、この奇妙な丸薬を持っています:

はナビガルのための私のコードです

 <コード> <div class = "container-fluid">    <ul class="nav nav-pills">      <li><a href="admin_home.php">Home</a></li>      <li class="active"><a href="account.php">Account</a></li>      <li><a href="auditee_u.php">Auditee</a></li>      <li><a href="auditor.php">Auditor</a></li>      <li><a href="standard.php">Standard</li>      <li><a href="clause.php">Clause</li>    </ul>  </div>  

コードのエラーが見つかりません。それとも私はここに何かがありませんか? あなたの助けをありがとう

英語

I have this weird looking pills as the screenshot shows: enter image description here

Below is my code for the nav-pills

<div class = "container-fluid">    <ul class="nav nav-pills">      <li><a href="admin_home.php">Home</a></li>      <li class="active"><a href="account.php">Account</a></li>      <li><a href="auditee_u.php">Auditee</a></li>      <li><a href="auditor.php">Auditor</a></li>      <li><a href="standard.php">Standard</li>      <li><a href="clause.php">Clause</li>    </ul>  </div>

I cant find any error in the code. or am i missing something here? Thanks for your help

</div
        
 
 

回答リスト

0
 
vote
vote
ベストアンサー
 

私はあなたの丸薬のコードの後に​​欠けている何かがないと思います、あなたはコンテナ - 流体divのフルコードを提供してください。

 <コード> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>    <div class = "container-fluid">    <ul class="nav nav-pills">      <li><a href="admin_home.php">Home</a></li>      <li class="active"><a href="account.php">Account</a></li>      <li><a href="auditee_u.php">Auditee</a></li>      <li><a href="auditor.php">Auditor</a></li>      <li><a href="standard.php">Standard</a></li>      <li><a href="clause.php">Clause</a></li>    </ul>        </div>  
 

I think something missing after your pills code, Can you please provide full code in container-fluid div?

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>    <div class = "container-fluid">    <ul class="nav nav-pills">      <li><a href="admin_home.php">Home</a></li>      <li class="active"><a href="account.php">Account</a></li>      <li><a href="auditee_u.php">Auditee</a></li>      <li><a href="auditor.php">Auditor</a></li>      <li><a href="standard.php">Standard</a></li>      <li><a href="clause.php">Clause</a></li>    </ul>        </div>
</div
 
 
   
   
0
 
vote

BACAUSE <A> タグを閉じません。正しいHTMLのために下のスニペットを確認してください。

 <コード> <div class = "container-fluid">    <ul class="nav nav-pills">      <li><a href="admin_home.php">Home</a></li>      <li class="active"><a href="account.php">Account</a></li>      <li><a href="auditee_u.php">Auditee</a></li>      <li><a href="auditor.php">Auditor</a></li>      <li><a href="standard.php">Standard</a></li>      <li><a href="clause.php">Clause</a></li>    </ul>  </div>  
 

Bacause you may didn't close your <A> tags. Check the snippet below for the correct html.

<div class = "container-fluid">    <ul class="nav nav-pills">      <li><a href="admin_home.php">Home</a></li>      <li class="active"><a href="account.php">Account</a></li>      <li><a href="auditee_u.php">Auditee</a></li>      <li><a href="auditor.php">Auditor</a></li>      <li><a href="standard.php">Standard</a></li>      <li><a href="clause.php">Clause</a></li>    </ul>  </div>
</div
 
 
 
 

関連する質問

7  関数の前にプラス記号は何ですか? [複製]  ( What is the plus sign before a function ) 
この質問はすでにここで回答を持っています JavaScript Plus関数式 (3回答) 閉じられた 6年...

3  変更を失うことなくブートストラップをカスタマイズする方法  ( How can i customise bootstrap without losing the changes ) 
BOWERを使用してブートストラップを管理し、デフォルトのブートストラップの外観(色、フォントサイズなど)を変更したいと思います。これが私のワークフローです: edit bower_components/bootstrap/less/variables...

12  Bootstrapメニューが最初に消えるが、ULスタイルを設定しないようにする  ( Bootstrap menu disappears after first click setting the ul style to none ) 
私はBootstrapを使って新しいWordPressテンプレートを作ろうとしています。ドロップダウンメニューが正しく機能しません。 2番目のクリック後に表示が取得されます。 私はそれを理解しようとしましたが、私はできませんでした! これが私のウェブサイトのア...

-4  ブートストラップカルーセルスライダーの応答性が働いていません  ( Bootstrap carousel slider responsiveness is not working ) 
こんにちは私は私のスライダーにブートストラップカルーセルスライダーを使ったが、モバイルの反応性が機能していない。私のコードは: <事前> <コード> <div class="mobileimage"> <div id="myCarousel" class...

0  2折りたたみメニューのナビゲーションを作成する方法[複製]  ( How to create a navbar with 2 collapse menu ) 
この質問はすでにここで回答を持っています 複数のブートストラップの統合3 Navbarメニュー (1回) 左...

2  ブートストラップのタブ - 左の身長  ( Bootstraps tabs left height ) 
tabs-left Classでブートストラップタブを使用します。ただし、十分な大きさの内容がメニューとコンテンツの境界がエッジに到達しない場合は、メニューを伸ばすために何をする必要がありますか? height:100% の設定は、 float: le...

0  親CSSをオーバーフローするブートストラップテーブル  ( Bootstrap table overflowing parent css ) 
テーブルの内側にあるdivの他のものを含むブートストラップ行を持っています。未知の理由で、テーブルを親のあふれを止めるように管理できません。高さ100%を使用すると、テーブルは常にオーバーフローします。ただし、親DIVに特定の高さがある場合は機能します。 <事...

0  Twitterブートストラップ - IEの左右のマージン  ( Twitter bootstrap left and right margin in ie ) 
Twitterから最新のブートストラップを使用しています。 私は私のサイトを設計するための初期段階にあります。 問題は、IE 7-8を除く他のブラウザのサイトを表示するとき、すなわちOK 7-8では、体の左右両側に余分なマージンが含まれているため、すべてのコ...

0  ブートストラップのような流体レイアウトを作成します  ( Create fluid layout like bootstrap ) 
私はHTML / CSSに新しいので、私はおそらくこれを添加しています。私はBootstrapを使っていますが、初日を使っています。このリンクの「Fluid Layout」の下にある写真のデザインを正確に模してみてください。 http: //getbootst...

1  bootstrap typeahead.jsはHTMLフォームフィールドonleaveで既存のデータの内容を削除します  ( Bootstrap typeahead js deletes content of existing data in html form field onlea ) 
私はすでにデータを持っている形式でタイプヘッドを使用しています。問題は次のとおりです。これを入力せずにフィールドを入力せずにフィールドを残したとき、それはTypeAheadによって空にされます。 フォーム要素: <事前> <コード> int main() { ...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有