Ich bin nicht in der Lage einem Link auf das Symbol in der Liste

-3

So zu geben ist der Code einer Bootstrap-VorlageIch bin nicht in der Lage einem Link auf das Symbol in der Liste

<div class="collapse navbar-collapse col-md-5 col-md-offset-5"> 
<ul class="nav navbar-nav"> 
<li><a href="#main-header"><i class="icon-home"</i></a></li> 
<li><a href="#info">Info</a></li> 
<li><a href="#contact">Contact</a></li> 
</ul> 
</div>

interner Link funktioniert, aber ich bin nicht in der Lage, es zu externen html doc zu verknüpfen über das Symbol. Dies ist der Code Ich habe ........... (Änderung in dem ersten Listenelement)

<div class="collapse navbar-collapse col-md-5 col-md-offset-5"> 
<ul class="nav navbar-nav"> 
<li><a href="index.html"><i class="icon-home"></i></a></li> 
<li><a href="#info">Info</a></li> 
<li><a href="#contact">Contact</a></li> 
</ul>

Quelle

2016-05-22 Srishti Kaushal

Könnten Sie eine Erklärung geben, etwas ausführlichere? damit jeder, der nichts über dein Problem weiß, dir helfen kann ... – bam500

Wo ist index.html? ist es im selben Ordner? Wenn ja, verwenden Sie –

Geben Sie den vollständigen Pfad der Datei in 'href' von' 'an. – Harish

Ihr Code funktioniert gut, ich das Symbol Klasse nur ersetzt.

Run im Vollbildmodus (wie Sie ein md Offset verwenden):

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<!-- Latest compiled and minified CSS --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
 

 
<!-- Optional theme --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> 
 

 
<!-- Latest compiled and minified JavaScript --> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
 

 
<div class="collapse navbar-collapse col-md-5 col-md-offset-5"> 
 
    <ul class="nav navbar-nav"> 
 
    <li><a href="index.html"><i class="glyphicon glyphicon-home" ></i></a> 
 
    </li> 
 
    <li><a href="#info">Info</a> 
 
    </li> 
 
    <li><a href="#contact">Contact</a> 
 
    </li> 
 
    </ul> 
 
</div>

Quelle

2016-05-22 08:23:09

Vielen Dank für den Code ... es funktioniert, wenn ich auf dieser Seite laufen, aber immer noch nicht funktioniert, wenn ich den Code hinzufügen ..... irgendwelche anderen Änderungen, die ich machen sollte? –

Überprüfen Sie die Konsole auf Fehler. Auch posten, was ist die Ausgabe, die Sie bekommen? –

es ist kein o/p .... es ist keine Aktion durchgeführt .... Ich änderte die Klasse für zu Hause btn als nav navbar-default, und der Link funktioniert. aber es kommt nur, wenn ich eine separate ul für es erstelle ... –

Ich bin nicht in der Lage einem Link auf das Symbol in der Liste

Antwort

Verwandte Themen