-
IE8下 placeholder 属性 无效。查看全部
-
Bootstrap中响应式表格效果表现为:当你的浏览器可视区域小于768px时,表格底部会出现水平滚动条。当你的浏览器可视区域大于768px时,表格底部水平滚动条就会消失。 在IE8下测试:缩小页面可视区域,没有出现水平滚动条。查看全部
-
紧凑型表格,简单理解,就是单元格没内距或者内距较其他表格的内距更小。换句话说,要实现紧凑型表格只需要重置表格单元格的内距padding的值。 不管制作哪种表格都离不开类名“table”。所以在使用Bootstrap表格时,千万注意,<table>元素中一定不能缺少类名“table”。查看全部
-
斑马线效果利用了CSS3的结构性选择器“:nth-child”来实现,所以对于IE8以及其以下浏览器,没有背景条纹效果。查看全部
-
如果在<table>元素中不添加任何类名,表格是无任何样式效果的。想得到基础表格,我们只需要在<table>元素上添加“.table”类名查看全部
-
特别提示:除了”.active”之外,其他四个类名和”.table-hover”配合使用时,Bootstrap针对这几种样式也做了相应的悬浮状态的样式设置,所以如果需要给tr元素添加其他颜色样式时,在”.table-hover”表格中也要做相应的调整。 注意要实现悬浮状态,需要在<table>标签上加入table-hover类。 如下代码: <table class="table-hover">查看全部
-
Bootstrap为表格不同的样式风格提供了不同的类名,主要包括: ☑ .table:基础表格 ☑ .table-striped:斑马线表格(IE8下看不出效果) ☑ .table-bordered:带边框的表格 ☑ .table-hover:鼠标悬停高亮的表格 ☑ .table-condensed:紧凑型表格 ☑ .table-responsive:响应式表格(?)查看全部
-
Bootstrap像去点列表一样,通过添加类名“.list-inline”来实现内联列表,简单点说就是把垂直列表换成水平列表,而且去掉项目符号(编号),保持水平显示。也可以说内联列表就是为制作水平导航而生。查看全部
-
特别声明:目前两端对齐在各浏览器下解析各有不同,特别是应用于中文文本的时候。所以项目中慎用。查看全部
-
ok!查看全部
-
导航基础样式 Bootstrap框架中制作导航条主要通过“.nav”样式。默认的“.nav”样式不提供默认的导航样式,必须附加另外一个样式才会有效,比如“nav-tabs”、“nav-pills”之类。比如右侧代码编辑器中就有一个tab导航条的例子,他的实现方法就是为ul标签加入.nav和nav-tabs两个类样式。查看全部
-
按钮下拉菜单 按钮下拉菜单仅从外观上看和上一节介绍的下拉菜单效果基本上是一样的。 不同的是在普通的下拉菜单的基础上封装了按钮(.btn)样式效果。 简单点说就是点击一个按钮,会显示隐藏的下拉菜单。 按钮下拉菜单其实就是普通的下拉菜单,只不过把“<a>”标签元素换成了“<button>”标签元素。 唯一不同的是外部容器“div.dropdown”换成了“div.btn-group”查看全部
-
等分按鈕 实现原理非常简单,把“btn-group-justified”模拟成表格(display:table),而且把里面的按钮模拟成表格单元格(display:table-cell)。 特别声明:在制作等分按钮组时,请尽量使用<a>标签元素来制作按钮,因为使用<button>标签元素时,使用display:table在部分浏览器下支持并不友好。查看全部
-
按钮(等分按钮) 等分按钮的效果在移动端上特别的实用。整个按钮组宽度是容器的100%,而按钮组里面的每个按钮平分整个容器宽度。例如,如果你按钮组里面有五个按钮,那么每个按钮是20%的宽度,如果有四个按钮,那么每个按钮是25%宽度,以此类推。 等分按钮也常被称为是自适应分组按钮,其实现方法也非常的简单,只需要在按钮组“btn-group”上追加一个“btn-group-justified”类名查看全部
-
<div class="btn-group dropup">查看全部
举报
0/150
提交
取消