将面包屑 php 添加到我的引导导航栏

Posted 2023-03-06

【中文标题】将面包屑 php 添加到我的引导导航栏

【英文标题】：Adding a Breadcrumbs php to my Bootstrap Nav Bar

【发布时间】：2015-02-06 22:19:45

【问题描述】：

我的引导导航栏最初有一个带有链接的 <ul> 标签。我决定用面包屑代替它。由于它是一个用作标题的 php 文件，因此它是面包屑的 php 代码，使用与之前的 <uL> 相同的类放置在 <div> 中。我还有另一个<ul>，它是正确的。

我遇到的问题是面包屑加载在浏览器的最顶部，<uL> 正在加载它应该加载的位置。

<div class="container">
<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
       
		<div class="nav navbar-nav">
		 <?php 
	     $path = $_SERVER["PHP_SELF"];
         $parts = explode('/',$path);
	     if (count($parts) < 2)
	     echo("home");
	     
	     else 
	echo ("<a href=\"/\">home</a> &raquo; ");
	for ($i = 1; $i < count($parts); $i++)
    	
    	if (!strstr($parts[$i],"."))
        	
        	echo("<a href=\"");
        	for ($j = 0; $j <= $i; $j++) echo $parts[$j]."/";;
        	echo("\">". str_replace('-', ' ', $parts[$i])."</a> » ");
        	
    	else
        	
       	 	$str = $parts[$i];
        	$pos = strrpos($str,".");
        	$parts[$i] = substr($str, 0, $pos);
        	echo str_replace('-', ' ', $parts[$i]);
        	;
    	;
	;  
?>
			 </div>
			 
			 <!-- <ul class="nav navbar-nav">
          <li class="active"><a href="<?php echo $tmp['t100_navlink1']; ?>"><?php echo getTemplateMessage('t100_navoption1'); ?></a></li>
          <li><a href="<?php echo $tmp['t100_navlink2']; ?>"><?php echo getTemplateMessage('t100_navoption2'); ?></a></li>
          <li><a href="<?php echo $tmp['t100_navlink3']; ?>"><?php echo getTemplateMessage('t100_navoption3'); ?></a></li>
          <li><a href="<?php echo $tmp['t100_navlink4']; ?>"><?php echo getTemplateMessage('t100_navoption4'); ?></a></li>
          <li><a href="<?php echo $tmp['t100_navlink5']; ?>"><?php echo getTemplateMessage('t100_navoption5'); ?></a></li>
        </ul>-->
        <ul class="nav navbar-nav navbar-right">
          <li><a href="<?php echo $tmp['t100_navlink6']; ?>"><?php echo getTemplateMessage('t100_navoption6'); ?></a></li>
								
					<li><?php
					if(!$currentuser) 
						if(!$tngconfig['disallowreg'])
							echo "<li><a href=\"newacctform.php\">$text['mnuregister']</a></li>\n";
						echo "<li><a href=\"login.php\">$text['mnulogon']</a></li>\n";
					
					else 
						echo "<li><a href=\"logout.php\">$text['mnulogout']</a></li>\n";
					
					?></li>
          <li><a href="<?php echo $tmp['t100_navlink7']; ?>"><?php echo getTemplateMessage('t100_navoption7'); ?></a></li>
					<li><a href="<?php echo $tmp['t100_navlink8']; ?>"><?php echo getTemplateMessage('t100_navoption8'); ?></a></li>
        </ul>
				
      </nav>
</div>	    

如果你去example 需要登录使用访客和访客登录，你可以明白我的意思。这会在除 index.php 之外的所有页面上的 jumbotron 上方加载

（对于那些感兴趣的人，我的项目正在使用 Bootstrap 自定义我的 TNG（下一代家谱站点构建）站点的输出 php 页面。）

【问题讨论】：

你能澄清一下问题吗？是面包屑与导航高度不同的问题吗？

是的，这就是@maximo 的问题。我将探索马丁提供的答案。谢谢。

【参考方案1】：

ul 中的标签有 15px 的填充，这就是它们在页面上略低的原因，您可以添加一个额外的类：

<div class="nav navbar-nav breadcrumb-nav">
     <?php 
       .....
     ?>
</div>

并将其添加到您的 CSS 中

.breadcrumb-nav 
   padding: 15px;

您还可以更改您的 PHP 以生成引导程序面包屑http://getbootstrap.com/components/#breadcrumbs

【讨论】：

谢谢！两种选择都很棒。我在引导站点上搜索面包屑时不够彻底。

我结合两者确实取得了令人满意的结果。再次非常感谢！

【参考方案2】：

你可以像这样在 php 中使用面包屑

<ol class="breadcrumb">
   <li><a href="#">Home</a></li>
   <li><a href="#"><?php .... ?></a></li>
   <li class="active"><?php ... ?></li>
</ol>