菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

Bootstrap 3 教程

Bootstrap是用于开发响应式、移动优先网站最流行的HTML、CSS和JavaScript框架。

Bootstrap完全免费下载和使用!

立即开始学习Bootstrap » 学习Bootstrap

动手实践示例

本Bootstrap教程包含数百个Bootstrap示例。

通过我们的在线编辑器,您可以编辑代码,然后点击按钮查看结果。

Responsive Bootstrap Page

Bootstrap 示例

<div class="jumbotron text-center">
  <h1>我的第一个 Bootstrap 页面</h1>
  <p>调整此响应式页面大小以查看效果!</p>
</div>

<div class="container">
  <div class="row">
    <div class="col-sm-4">
      <h3>列 1</h3>
      <p>Lorem ipsum dolor..</p>
    </div>
    <div class="col-sm-4">
      <h3>列 2</h3>
      <p>Lorem ipsum dolor..</p>
    </div>
    <div class="col-sm-4">
      <h3>列 3</h3>
      <p>Lorem ipsum dolor..</p>
    </div>
  </div>
</div>
自己动手试一试 »

单击“Try it Yourself”按钮查看其工作原理。



Bootstrap练习

通过练习来测试自己

练习

为下面的列表添加正确的类名,将其转换为分页菜单。

<ul class="">
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
</ul>

开始练习


Bootstrap测验

在W3Schools测试您的Bootstrap技能!

开始Bootstrap测验!


我的学习

在 W3Schools 使用免费的“我的学习”计划来跟踪你的进度。

登录你的账户,开始赚取积分!

这是一个可选功能。你可以在 W3Schools 学习,而无需使用“我的学习”。

Track your progress with at W3Schools.com

Bootstrap参考

在W3Schools,您将找到完整的Bootstrap参考,包含所有CSS类、组件和JavaScript插件——全部带有“动手实践”示例


Bootstrap 主题/模板

我们制作了一些Bootstrap模板供您使用。它们完全免费


Bootstrap 5 vs. Bootstrap 3 & 4

本教程遵循Bootstrap 3,发布于2013年。然而,我们也涵盖了新版本;Bootstrap 4 (发布于2018年)Bootstrap 5 (发布于2021年)

Bootstrap 5 是最新的Bootstrap 版本;拥有新的组件,更快的样式表,更强的响应性等等。它支持所有主流浏览器和平台的最新稳定版本。但是,不支持 Internet Explorer 11及更早版本。

Bootstrap 5 与 Bootstrap 3 和 4 的主要区别在于,Bootstrap 5 已切换到JavaScript而不是jQuery

注意: Bootstrap 3 和 Bootstrap 4 团队仍然为关键的错误修复和文档更改提供支持,并且继续使用它们是完全安全的。然而,不会为它们添加新功能。


您知道吗?

W3.CSS 是 Bootstrap 的绝佳替代品。

W3.CSS 更小、更快、更易于使用。

如果您想学习 W3.CSS,请访问我们的 W3.CSS 教程


×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持