Bootstrap系列 -- 22. 按钮
2024-10-14 18:05:22
Bootstrap框架首先通过基础类名“.btn”定义了一个基础的按钮风格,然后通过“.btn-default”定义了一个默认的按钮风格。默认按钮的风格就是在基础按钮的风格的基础上修改了按钮的背景颜色、边框颜色和文本颜色。
<button type="button" class="btn btn-default">基本样式</button>
几种不同样式风格的按钮
<button class="btn" type="button">基础按钮.btn</button>
<button class="btn btn-default" type="button">默认按钮.btn-default</button>
<button class="btn btn-primary" type="button">主要按钮.btn-primary</button>
<button class="btn btn-success" type="button">成功按钮.btn-success</button>
<button class="btn btn-info" type="button">信息按钮.btn-info</button>
<button class="btn btn-warning" type="button">警告按钮.btn-warning</button>
<button class="btn btn-danger" type="button">危险按钮.btn-danger</button>
<button class="btn btn-link" type="button">链接按钮.btn-link</button>
一般制作按钮除了使用<button>标签元素之外,还可以使用<input type="submit">和<a>标签等。同样,在Bootstrap框架中制作按钮时,除了刚才所说的这些标签元素之外,还可以使用在其他的标签元素上,唯一需要注意的是,要在制作按钮的标签元素上添加类名“btn”。如果不添加是不会有任何按钮效果
<button class="btn btn-default" type="button">button标签按钮</button>
<input type="submit" class="btn btn-default" value="input标签按钮"/>
<span class="btn btn-default">span标签按钮</span>
<div class="btn btn-default">div标签按钮</div>
<a href="" class="btn btn-default">标签</a>
在Bootstrap框架中不同的按钮风格都是通过不同的类名来实现,下面是不同风格样式的说明
最新文章
- 安装openssl 扩展的时候出现Cannot find config.m4. Make sure that you run &#39;/usr/local/php/bin/phpize&#39; in the top level source directory of the module的解决方法
- 算法實例-C#-歸併排序-MergeSort
- nodejs events模块
- 设计模式之构建者模式(Builder):初步理解
- left join ,right join ,inner join ,cross join 区别
- PHP设置图片文件上传大小的具体实现方法
- 那么如何添加网站favicon.ico图标
- 同事的Excel中的图片突然不能选择
- mybatis 打印SQL语句
- 【转载】CSRF攻击及其应对之道
- Codeforces Round #406 (Div. 1)
- C语言之linux内核实现平方根计算算法
- 戏说java与web
- fork/join 全面剖析
- Vue文件中引入img 路径写法
- java中long类型的比较
- noj算法 装载问题 回溯法
- 基于Gradle的spring boot 项目构建
- 2、Kafka架构
- useradd语法
热门文章
- Eclipse如何安装JD-Eclipse反编译插件
- Python基础之函数等等
- 令人哭笑不得的org.hibernate.MappingException: Unknown entity
- TYVJ1288 飘飘乎居士取能量块 -SilverN
- DP+单调队列 codevs 1748 瑰丽华尔兹(还不是很懂具体的代码实现)
- EDM总结
- Unity脚本生命周期
- IO流的练习4 —— 键盘录入学生成绩信息,进行排序后存入文本中
- Python-面向对像及其他
- 08Mybatis_入门程序——增加用户的操作以及返回自增主键的功能以及返回非自增主键的功能