2025 最新 Bootstrap 中文网，前端开发教程 + 组件示例助力高效开发！

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <div class="container">
    <a class="navbar-brand" href="#">我的网站a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
      <span class="navbar-toggler-icon">span>
    button>
    <div class="collapse navbar-collapse" id="navbarNav">
      <ul class="navbar-nav">
        <li class="nav-item"><a class="nav-link active" href="#">首页a>li>
        <li class="nav-item"><a class="nav-link" href="#">关于a>li>
      ul>
    div>
  div>
nav>

<div class="card">
  <div class="card-body">
    <h5 class="card-title">特色功能一h5>
    <p class="card-text">这是一段关于特色功能一的描述文字...p>
  div>
div>

<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
  打开模态框
button>
<div class="modal fade" id="exampleModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body">
        这是模态框的内容。
      div>
    div>
  div>
div>

<link href="bootstrap-grid.min.css" rel="stylesheet">
<link href="bootstrap-buttons.min.css" rel="stylesheet">