”Bootstrap3实用教程“ 的搜索结果

     多级下拉菜单在很多时候，我们可能需要多级下拉菜单。在一个下拉菜单的某个菜单项中，再创建另一个下拉菜单，即可实现多级下拉菜单。只需为下拉菜单的任意 <li> 元素添加 .dropdown-submenu 的类，并...

     关于如何使用Bootstrap包含的导航组件的文档和示例。Bootstrap中可用的导航共享一般的标记和样式，从基本的类到激活和禁用状态。交换修饰符类以在每种样式之间切换。基本的组件是用flexbox构建的，为构建所有类型的...

     按钮Bootstrap按钮插件需要 bootstrap-button.js 文件支持，在使用该插件之前，应该导入 jQuery 和 bootstrap-button.js 文件。Bootstrap中，按钮被赋予多种功能，如为工具条之类的组件赋予状态提示功能、状态切换...

     工具Mixin 工具 mixin 用于与不相关的 CSS 结合使用，以达到特定目的或任务。 1、清除浮动 建议为需要清除浮动的元素使用.clearfix()的mixin，尽量不要直接为元素添加class="clearfix"类。这里是 Nicolas ...

     Bootstrap 3 中，通过为图片添加.img-responsive类，可以让图片支持响应式布局。其本质是为图片设置了max-width: 100%;、height: auto;和display: block;属性，从而让图片在其父元素中更好的缩放。如： <imgsrc=...

     下拉菜单Bootstrap中，可以将下拉菜单添加到任何其他组件中，包括导航条、胶囊式导航、标签导航、按钮导航等。下拉菜单插件需要 bootstrap-dropdown.js 文件支持，在使用该插件之前，应该导入 jQuery 和 bootstrap-...

     静止导航条 为 .navbar 类追加一个 .navbar-static-top 类，即可创建一个与页面等宽度，并随页面一起滚动的导航条。也可以在导航条中包含一个.container或.container-fluid容器，让它居中显示，并在两侧添加内边距...

     媒体 媒体是一类具有特殊版式的组件，用来设计图文混排的效果，通常由一个向左或向右浮动的媒体对象（如，图像、视频、音频等）和一个媒体内容块构成。 1、创建媒体 在HTML结构中，一个媒体组件由 .media 的容器...

     除了默认的蓝色进度条之外，Bootstrap还为进度条提供了一组情景样式类，包括 .progress-bar-success、.progress-bar-info、.progress-bar-warning、.progress-bar-danger，它们分别用来创建绿色、蓝色、橙色或红色...

     按钮组按钮组，顾名思义，就是把多个相关的按钮（如，文本对齐的按钮）放在一起，形成一个页面组件。要创建按钮组，只需把相关的链接或按钮放在一个类为 .btn-group 的容器中即可。容器中的按钮，可以使用 &...

     媒体列表顾名思义，媒体列表就是媒体的列表，媒体列表的每个列表项都是一个独立的媒体。由于媒体列表可以嵌套，因此很适合展示评论或其他需要以列表展示的信息。定义媒体列表，只需一个 class="...

     让内容块居中 为元素添加 .center-block 类，可以让内容块居中显示。如： <divclass="center-block">...</div> .center-block类是通过设置display: block和margin属性让内容块居中显示。...

     列表组 列表组是一个既灵活又强大的组件，不仅能用于显示一组简单的元素，还能用于复杂的定制的内容。 创建列表组 最简单的列表组，仅仅是一个带有多个列表条目的无序列表。列表组由 .list-group 的容器创建，...

     巨幕 巨幕（Jumbotron）是一个轻量、灵活可扩展组件，它能延伸到整个视口宽度，主要用于展示网站的重点内容。它的标题会被加大显示，而且边距也比较大，非常适合营销类或内容类网站。 要在页面中放置一个巨幕，...

     源码包包含了编译版中的所有文件并在此基础上有所扩充，这里我将下载 Bootstrap 的编译版本。如果你需要在你的 WEB 项目中使用 Bootstrap，你需要进行如下的准备工作。文件，并将其包含于项目文件中，具体的包含规则...

     Bootstrap3中，使用 .active 类表示活动的状态，使用 .disabled 类表示禁用的状态。可以为某个列表项添加 .active 类，让它显示为白色文本和浅蓝色背景，表现出活动的状态；或者添加 .disabled 类让它显示为灰色背景...

     关闭按钮 为 <button> 或 <a> 元素添加 .close 类，就会为它赋予一个象征关闭的图标，点击图标...如： <buttontype="button"class="close"aria-label="Close">...spanaria-hidden="true">.../span...

     网站： ... ... 入门 开始使用BootstrapVue，它基于世界上最流行的框架 - Bootstrap v4，用于使用Vue.js构建响应迅速，移动优先的站点。 Vue.jsv2.6是必需的，v2.6.10建议 引导v4.3是必需的，...

     Bootstrap为图片提供了 3 个类 .img-rounded、.img-circle、.img-thumbnail，通过为<img>元素添加相应的类，可以让图片呈现不同的形状。 其中，.img-rounded 类为图片的四角添加 border-radius:6px 的圆角；....

     Page headerPage header就相当于一个标题框，给从 <h1> 到 <h6> 的任意标题元素套上这个简单的外壳，就可以为它添加更多的间隙，并通过一个下边框把它从页面中分离出来。...

     Well Well 就是一个类为 .well 的容器，其中的内容看起来像是陷入页面一样，常常用来显示博客的元信息，比如作者、日期和类别...效果如图 3‑102所示： 图3-102 Well组件 还有两个类 .well-lg 和 .well-sm，可...

10  
9  
8  
7  
6  
5  
4  
3  
2  
1  

推荐文章