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

Question

我的 Bootstrap 导航栏最初有一个 <ul>带链接的标签。我决定用面包屑代替它。由于它是一个用作 header 的 php 文件，因此它是面包屑的 php 代码，放置在 <div> 中。使用与之前相同的类 <uL> 。我还有一个<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，您就会明白我的意思。需要登录使用 guest 和 guest 登录。这会加载到除 index.php 之外的所有页面的大屏幕上方

(对于那些感兴趣的人，我的元素正在使用 Bootstrap 自定义我的 TNG(下一代家谱网站 build )网站的输出 php 页面。)

Answer 1

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

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

并将其添加到您的 CSS

.breadcrumb-nav {
   padding: 15px;
}

您还可以更改 PHP 以生成 Bootstrap 面包屑 http://getbootstrap.com/components/#breadcrumbs