Bootstrap/docs/4.5/examples

来自菜鸟教程
跳转至:导航、​搜索

定制组件

全新的组件和模板可帮助人们快速入门Bootstrap并演示将其添加到框架的最佳实践。

[[Bootstrap/docs/4.5/examples/album|Album screenshot]]

专辑

简单的一页模板,用于照片画廊,作品集等。


[[Bootstrap/docs/4.5/examples/pricing|Pricing screenshot]]

价钱

使用Cards构建并具有自定义页眉和页脚的示例定价页面。


[[Bootstrap/docs/4.5/examples/checkout|Checkout screenshot]]

查看

自定义结帐表单,显示我们的表单组件及其验证功能。


[[Bootstrap/docs/4.5/examples/product|Product screenshot]]

产品

精益于产品的营销页面,具有广泛的网格和图像工作。


[[Bootstrap/docs/4.5/examples/cover|Cover screenshot]]

覆盖

一页模板,用于构建简单美观的主页。


[[Bootstrap/docs/4.5/examples/carousel|Carousel screenshot]]

轮播

自定义导航栏和轮播,然后添加一些新组件。


[[Bootstrap/docs/4.5/examples/blog|Blog screenshot]]

Blog

杂志,例如带有标题,导航,特色内容的博客模板。


[[Bootstrap/docs/4.5/examples/dashboard|Dashboard screenshot]]

仪表板

基本的管理控制台外壳,带有固定的侧边栏和导航栏。


[[Bootstrap/docs/4.5/examples/sign-in|Sign-in screenshot]]

登入

自定义表单布局和设计,用于简单的登录表单。


[[Bootstrap/docs/4.5/examples/sticky-footer|Sticky footer screenshot]]

粘页脚

页面内容不足时,将页脚附加到视口的底部。


[[Bootstrap/docs/4.5/examples/sticky-footer-navbar|Sticky footer navbar screenshot]]

粘页脚导航栏

使用固定的顶部导航栏将页脚附加到视口的底部。


骨架

重点介绍实现Bootstrap提供的内置组件的用法的示例。

[[Bootstrap/docs/4.5/examples/starter-template|Starter template screenshot]]

入门模板

只是基础知识:已编译的CSS和JavaScript。


[[Bootstrap/docs/4.5/examples/grid|Grid screenshot]]

Grid

具有所有四个层,嵌套等的网格布局的多个示例。


[[Bootstrap/docs/4.5/examples/jumbotron|Jumbotron screenshot]]

巨无霸

使用导航栏和一些基本的网格列围绕超大型飞机构建。


导航栏

获取默认的导航栏组件,并显示如何移动,放置和扩展它。

[[Bootstrap/docs/4.5/examples/navbars|Navbars screenshot]]

导航栏

演示导航栏的所有响应式和容器选项。


[[Bootstrap/docs/4.5/examples/navbar-static|Navbar static screenshot]]

导航栏静态

静态顶部导航栏的单个导航栏示例以及一些其他内容。


[[Bootstrap/docs/4.5/examples/navbar-fixed|Navbar fixed screenshot]]

导航栏固定

具有固定顶部导航栏和一些其他内容的单个导航栏示例。


[[Bootstrap/docs/4.5/examples/navbar-bottom|Navbar bottom screenshot]]

导航栏底部

具有底部导航栏以及一些其他内容的单个导航栏示例。


实验

侧重于未来友好的功能或技术的示例。

[[Bootstrap/docs/4.5/examples/floating-labels|Floating labels screenshot]]

浮动标签

输入上带有浮动标签的精美简单表单。


[[Bootstrap/docs/4.5/examples/offcanvas|Offcanvas screenshot]]

帆布

将您的可扩展导航栏变成滑动的画布菜单。




进一步了解Bootstrap主题

除了这些示例,还需要其他东西吗? 通过以下主题中的高级主题将Bootstrap提升到新的水平 官方Bootstrap主题市场 。它们是作为自己的扩展框架构建的,具有丰富的新组件和插件,文档以及强大的构建工具。

浏览主题

Bootstrap Themes