button-finish.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>按钮</title>
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="../bootstrap/js/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<h1 class="page-header">按钮 <small>按钮的基本样式</small></h1>
<div style="margin-bottom: 15px">
<a class="btn btn-primary btn-large" href="#"><i class="icon-comment icon-white"></i> 查看评论</a>
<a class="btn btn-info" href="#">Info</a>
<a class="btn btn-success" href="#">Success</a>
<a class="btn btn-warning" href="#">Warning</a>
<a class="btn btn-danger" href="#">Danger</a>
<a class="btn btn-inverse" href="#">Inverse</a>
<!-- .btn-large -->
<!-- .btn-small -->
<!-- .btn-mini -->
</div>
<div style="margin-bottom: 15px">
<button class="btn" type="submit"><i class="icon-shopping-cart"></i> 结账</button>
</div>
<div style="margin-bottom: 15px">
<input class="btn" type="button" value="设置"/>
</div>
</div>
<script src="../bootstrap/js/jquery-1.7.2.min.js"></script>
<script src="../bootstrap/js/bootstrap.js"></script>
</body>
</html>
分享到：
相关推荐
本文将深入探讨如何在Unigui中使用Bootstrap按钮分组（Button Group）这一功能。 Bootstrap按钮分组是一种将多个按钮排列在一起，形成一个单元的布局方式，这在很多场景下非常实用，比如在表单提交、导航选项或者...
在深入探讨Bootstrap按钮组件之前，需要明确一点，Bootstrap按钮组件的运作依赖于button.js插件，这一点对于组件能够正常工作至关重要。 ### 按钮组件的基本结构 按钮组件的基本结构主要通过HTML的`<button>`元素...
bootstrap样式按钮颜色(剩下的都是凑字数真的没什么可介绍的
首先，Bootstrap按钮的基础样式是通过其预定义的CSS类实现的，如`.btn`，`.btn-primary`，`.btn-secondary`等。这些类提供了不同颜色和状态的按钮样式。在"带图标的按钮样式"中，开发者通常会使用`.btn`类作为基础，...
资源包中的"11.Bootstrap按钮.mp4"视频教程可能涵盖了这些知识点的实践应用，演示了如何在实际项目中创建和使用Bootstrap按钮。"1.doc"文档可能提供了更详细的解释和示例代码，而"PPT演示文稿"则可能以视觉化的方式...
按钮的状态变化也是Bootstrap按钮的一个关键特性。它支持三种状态：默认、hover和active，以及禁用状态。这使得按钮在用户交互时可以呈现出更丰富的反馈，提高用户体验。例如，当用户鼠标悬停在按钮上时，按钮会改变...
这个"15.Bootstrap按钮组.rar"文件很可能包含了关于如何在Bootstrap中使用按钮组的相关教程或资源。Bootstrap的按钮组允许我们将多个按钮组织在一起，形成一个整体，提供了更好的交互体验。 在Bootstrap中，按钮组...
这个"16.Bootstrap按钮下拉菜单.rar"压缩包文件显然包含了关于如何在Bootstrap中创建和使用按钮下拉菜单的资源。这包括一个视频教程（16.Bootstrap按钮下拉菜单.mp4）和可能是一个演示文稿（新建 PPT 演示文稿.ppt）...
Bootstrap按钮提供了多种预定义的样式，包括不同颜色（如主色、次色、危险色等）和大小（如小型、大型等），这使得在Unigui应用中创建一致且吸引人的UI变得简单。 1. **基本按钮**: Bootstrap提供了`btn`类，用于...
Bootstrap 按钮 本章将通过实例讲解如何使用 Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式，具体如下表所示： 以下样式可用于, , 或...
Bootstrap 使用Font Awesome图标字体文件 集成了圆角按钮 禁用状态按钮 自定义按钮尺寸 可设定按钮动画 旋转和闪烁动画 ps:字体文件在asset里面 说的不是很明白 看下面英文解释吧 Bootstrap buttons as per ...
这个特定的压缩包文件“扩展bootstrap4按钮特效”旨在为Bootstrap4的按钮添加更吸引人的视觉效果，通过CSS3技术增强其外观，提供闪光和扁平线框两种独特的按钮特效。 首先，我们来看“闪光按钮特效”。这种特效通常...
Bootstrap按钮组简单实现代码 Bootstrap按钮组是Bootstrap框架中的一种常用UI组件，用于实现按钮的组合展示和交互功能。下面我们将详细介绍Bootstrap按钮组的简单实现代码。 Bootstrap按钮组的基本概念 Bootstrap...
水晶样式按钮集合是针对Bootstrap按钮进行的一种美化处理，它为标准的Bootstrap按钮添加了一层晶莹剔透的效果，使按钮看起来更加精致和吸引人。这种设计通常涉及到CSS样式的深度定制，以实现独特的视觉效果，例如...
这是一款简单的Bootstrap4按钮样式扩展库。该Bootstrap4按钮样式扩展库通过定义CSS，来为bootstrap 4原生按钮添加3D按钮，带图标的按钮，圆角按钮，以及为按钮添加更多的可用颜色，非常实用。
Bootstrap按钮下拉菜单组件是网页设计中常用的交互元素，它为用户提供了一种高效的方式来展示多个相关的操作选项。这个组件基于Bootstrap框架，一个流行的前端开发工具包，它简化了网页的布局和样式设计。在...
在本主题“超绚丽的 Bootstrap 水晶样式按钮集合”中，我们将深入探讨如何利用 Bootstrap 创建独特且吸引人的水晶样式按钮，以及它们在实际项目中的应用。 1. **Bootstrap 概述**： Bootstrap 是由 Twitter 开发并...
本篇文章主要探讨的是Bootstrap按钮组（Button Groups）的源码解读。 按钮组是Bootstrap提供的一种组织多个按钮的方式，它们看起来像是被放置在一个统一的单元内。按钮组允许用户在一个紧凑的空间内选择一个或多个...
本文将详细介绍如何消除Bootstrap按钮组件上的这种“黄框”效果。 首先，我们需要理解这个“黄框”其实是浏览器为提高可访问性而添加的一种视觉反馈，通常称为`outline`。`outline`不同于`border`，它不会占据空间...