bootstrape的CSS样式二

本文介绍了Bootstrap的CSS样式,包括字体图标的应用,需要在元素中加入'glyphicon'类和其他图标类。下拉菜单的创建需设置'dropdown'或'dropup'类,以及'dropdown-menu'和'data-toggle'属性。还提到了浮动、显示隐藏和清除浮动的CSS技巧,如'pull-left'、'pull-right'、'show'、'hidden'和'clearfix'等。
摘要由CSDN通过智能技术生成

组件

一、字体图标

要先有class=”glyphicon”,才能在class加其他的图标,这才能使用

 

二、下拉菜单

1. 首先在外边div或父元素必须要有class=”dropdown”(下拉菜单向下)或class=”dropup”(向上弹出)。这样才能显示菜单

2. 隐藏二级菜单:class=”dropdown-menu”

3. 还要有data-toggle="dropdown"data-toggle="dropup"


三、其他一些标签


快速浮动

<div class="pull-left">...</div> 

<div class="pull-right">...</div> 

 

显示隐藏

<div class="show">...</div> 

<div class="hidden">...</div> 

 

清除浮动

<div class="clearfix">...</div>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值