面包屑

<div class="grid gap-4">
	<div class="breadcrumbs bw">
		<ul>
			<li>
				<a> 主页 </a>
			</li>
			<li>
				<a> 图书馆 </a>
			</li>
			<li>添加图书</li>
		</ul>
	</div>
	<div class="breadcrumbs success">
		<ul>
			<li>
				<a> 主页 </a>
			</li>
			<li>
				<a> 图书馆 </a>
			</li>
			<li>添加图书</li>
		</ul>
	</div>
	<div class="breadcrumbs warn">
		<ul>
			<li>
				<a> 主页 </a>
			</li>
			<li>
				<a> 图书馆 </a>
			</li>
			<li>添加图书</li>
		</ul>
	</div>
	<div class="breadcrumbs danger">
		<ul>
			<li>
				<a> 主页 </a>
			</li>
			<li>
				<a> 图书馆 </a>
			</li>
			<li>添加图书</li>
		</ul>
	</div>
</div>

<div className='grid gap-4'>
  <div className='breadcrumbs bw'>
    <ul>
      <li>
        <a>
          主页
        </a>
      </li>
      <li>
        <a>
          图书馆
        </a>
      </li>
      <li>
        添加图书
      </li>
    </ul>
  </div>
  <div className='breadcrumbs success'>
    <ul>
      <li>
        <a>
          主页
        </a>
      </li>
      <li>
        <a>
          图书馆
        </a>
      </li>
      <li>
        添加图书
      </li>
    </ul>
  </div>
  <div className='breadcrumbs warn'>
    <ul>
      <li>
        <a>
          主页
        </a>
      </li>
      <li>
        <a>
          图书馆
        </a>
      </li>
      <li>
        添加图书
      </li>
    </ul>
  </div>
  <div className='breadcrumbs danger'>
    <ul>
      <li>
        <a>
          主页
        </a>
      </li>
      <li>
        <a>
          图书馆
        </a>
      </li>
      <li>
        添加图书
      </li>
    </ul>
  </div>
</div>

<div class="breadcrumbs danger">
	<ul>
		<li>
			<a> 主页 </a>
		</li>
		<li class="active">
			<a> 图书馆 </a>
		</li>
		<li>添加图书</li>
	</ul>
</div>

<div className='breadcrumbs danger'>
  <ul>
    <li>
      <a>
        主页
      </a>
    </li>
    <li className='active'>
      <a>
        图书馆
      </a>
    </li>
    <li>
      添加图书
    </li>
  </ul>
</div>