189 8069 5689

bootstrap常用class是什么

这篇文章给大家分享的是有关bootstrap常用class是什么的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

我们提供的服务有:成都网站制作、成都网站建设、微信公众号开发、网站优化、网站认证、普宁ssl等。为成百上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的普宁网站制作公司

                                                           

bootstrap中常用的class:

基础class

.code来显示单行内联代码
.pre来显示多行块代码
.kbd来显示用户输入代码
.pre-scrollable高度超出340px,就会在Y轴出现滚动条

表格class

.table基础表格margin-bottom:20px,在thead底部2px的浅灰实线,每个单元格顶部1px的浅灰实线
.table-striped:斑马线表格,隔行有一个浅灰色的背景色
.table-bordered:带边框的表格,所有单元格有1px的边框
.table-hover:鼠标悬停在表格的行上,有高亮的背景色
.table-condensed:将单元格的内距由8px调至5px
.table-responsive:设置类名.table-responsive的容器,将置于这个容器中

表格行的类

.active表示当前活动信息
.success成功或正确的行为
.info表示中立信息或行为
.warning表示警告
.danger表示危险活着错误行为

除了.active,其他四个类名应与.table-hover配合

表单

.form-horizontal水平表单效果,配合Bootstrap框架的网格系统;设置表单控件padding和margin值;改变“form-group”的表现形式,类似于网格系统的“row”
在Bootstrap中使用input时也必须添加type类型
为了让控件在各种表单风格中样式不出错,需要添加.form-control
多行选择设置multiple属性的值为multiple
rows定义高度,cols设置宽度。.form-control,则无需cols
checkbox还是radio都使用label包
如果checkbox需要水平排列,只需要在label标签上添加类名“checkbox-inline”

固定导航条

页面主内容顶部和底部都被固定导航条给遮住了。为了避免固定导航条遮盖内容,我们需要在body上做一些处理:

body {
padding-top: 70px;/*有顶部固定导航条时设置*/
padding-bottom: 70px;/*有底部固定导航条时设置*/
}

其实除了这种解决方案之外,我们还有其他的解决方法,把固定导航条都放在页面内容前面:


我是内容

在文件中添加下列样式代码:

.navbar-fixed-top ~ .content {
padding-top: 70px;
}
.navbar-fixed-bottom ~ .content {
padding-bottom: 70px;
}

感谢各位的阅读!关于bootstrap常用class是什么就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!


文章名称:bootstrap常用class是什么
路径分享:http://jkwzsj.com/article/gsiihi.html

联系我们

您好HELLO!
感谢您来到成都网站建设公司,若您有合作意向,请您为我们留言或使用以下方式联系我们, 我们将尽快给你回复,并为您提供真诚的设计服务,谢谢。
  • 电话:028- 86922220 18980695689
  • 商务合作邮箱:631063699@qq.com
  • 合作QQ: 532337155
  • 成都网站设计地址:成都市青羊区锣锅巷31号五金站写字楼6楼

乐尚佳建站工作室

成都乐尚佳网站建设公司拥有多年以上互联网从业经验的精英团队,始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司;我们对营销、技术、管理都有自己独特见解,乐尚佳建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务!

乐尚佳观点

相对传统的成都网站建设公司而言,乐尚佳鼎是互联网中的网站品牌策划精英,我们精于企业品牌与互联网相结合的整体战略服务。
我们始终认为,网站必须注入企业基因,真正使网站成为企业vi的一部分,让整个网站品牌策划体系变的深入而持久。