Bootstrap v5 Examples

Headers,Display your branding, navigation, search, and more with these header components

Heroes,Set the stage on your homepage with heroes that feature clear calls to action.

Features,Explain the features, benefits, or other details in your marketing content.

Sidebars,Common navigation patterns ideal for offcanvas or multi-column layouts.

Footers,Finish every page strong with an awesome footer, big or small.

Dropdowns,Enhance your dropdowns with filters, icons, custom styles, and more.

List groups,Extend list groups with utilities and custom styles for any content.

Modals,Transform modals to serve any purpose, from feature tours to dialogs.

Album,Simple one-page template for photo galleries, portfolios, and more.

Pricing,Example pricing page built with Cards and featuring a custom header and footer.

Checkout,Custom checkout form showing our form components and their validation features.

Product,Lean product-focused marketing page with extensive grid and image work.

Cover,A one-page template for building simple and beautiful home pages.

Carousel,Customize the navbar and carousel, then add some new components.

Blog,Magazine like blog template with header, navigation, featured content.

Dashboard,Basic admin dashboard shell with fixed sidebar and navbar.

Sign-in,Custom form layout and design for a simple sign in form.

Sticky footer,Attach a footer to the bottom of the viewport when page content is short.

Sticky footer navbar,Attach a footer to the bottom of the viewport with a fixed top navbar.

Jumbotron,Use utilities to recreate and enhance Bootstrap 4's jumbotron.

Starter template,Nothing but the basics: compiled CSS and JavaScript.

Grid,Multiple examples of grid layouts with all four tiers, nesting, and more.

Cheatsheet,Kitchen sink of Bootstrap components.

Cheatsheet RTL,Kitchen sink of Bootstrap components, RTL.

Navbars,Demonstration of all responsive and container options for the navbar.

Navbar static,Single navbar example of a static top navbar along with some additional content.

Navbar fixed,Single navbar example with a fixed top navbar along with some additional content.

Navbar bottom,Single navbar example with a bottom navbar along with some additional content.

Offcanvas navbar,Turn your expandable navbar into a sliding offcanvas menu (doesn't use our offcanvas component).

Album RTL,Simple one-page template for photo galleries, portfolios, and more.

Checkout RTL,Custom checkout form showing our form components and their validation features.

Carousel RTL,Customize the navbar and carousel, then add some new components.

Blog RTL,Magazine like blog template with header, navigation, featured content.

Dashboard RTL,Basic admin dashboard shell with fixed sidebar and navbar.

Masonry,Combine the powers of the Bootstrap grid and the Masonry layout.

Bootstrap v4 Examples

Album,Simple one-page template for photo galleries, portfolios, and more.

Pricing,Example pricing page built with Cards and featuring a custom header and footer.

Checkout,Custom checkout form showing our form components and their validation features.

Product,Lean product-focused marketing page with extensive grid and image work.

Cover,A one-page template for building simple and beautiful home pages.

Carousel,Customize the navbar and carousel, then add some new components.

Blog,Magazine like blog template with header, navigation, featured content.

Dashboard,Basic admin dashboard shell with fixed sidebar and navbar.

Sign-in,Custom form layout and design for a simple sign in form.

Sticky footer,Attach a footer to the bottom of the viewport when page content is short.

Sticky footer navbar,Attach a footer to the bottom of the viewport with a fixed top navbar.

Starter template,Nothing but the basics: compiled CSS and JavaScript.

Grid,Multiple examples of grid layouts with all four tiers, nesting, and more.

Jumbotron,Build around the jumbotron with a navbar and some basic grid columns.

Navbars,Demonstration of all responsive and container options for the navbar.

Navbar static,Single navbar example of a static top navbar along with some additional content.

Navbar fixed,Single navbar example with a fixed top navbar along with some additional content.

Navbar bottom,Single navbar example with a bottom navbar along with some additional content.

Floating labels,Beautifully simple forms with floating labels over your inputs.

Offcanvas,Turn your expandable navbar into a sliding offcanvas menu.


Bootstrap v3 Examples

入门级模板,只有基本的东西:引入了预编译版的 CSS 和 JavaScript 文件,页面只包含了一个 <code>container</code> 元素。

Bootstrap 主题,加载可选的 Bootstrap 主题,获得增强的视觉体验。

栅格,多个关于栅格布局方面的实例,涉及到层级(tier)、嵌套(nesting)等等。

Jumbotron,Build around the jumbotron with a navbar and some basic grid columns.

Narrow jumbotron,Build a more custom page by narrowing the default container and jumbotron

导航条,包含导航条和一起附加内容的超级基础的模板

静态导航条,包含一个静态导航条以及一些附加内容的超级基础的模板。

固定位置的导航条,这是一个超简单的页面,拥有一个固定在顶部的导航条和一些演示内容。

封面图,一个简单、漂亮的首页。

Carousel,Customize the navbar and carousel, then add some new components.

博客页面,简单的两列式博客布局,还包含了自定义的导航、页头、分类等元素。

控制台,包含基本结构的后台管理模板,还有固定的侧边栏和导航条。

登录页,自定义的表单布局以及经过简单设计的登录表单。

Justified nav,Create a custom navbar with justified links. Heads up!

Sticky footer,Attach a footer to the bottom of the viewport when the content is shorter than it.

Sticky footer with navbar,Attach a footer to the bottom of the viewport with a fixed navbar at the top.

非响应式 Bootstrap 布局,Easily disable the responsiveness of Bootstrap

Offcanvas,Build a toggleable off-canvas navigation menu for use with Bootstrap.

RangeTime:0.000224s
RangeMem:12.58 KB
返回顶部 留言