-
粗体 在Bootstrap中,可以使用<b>和<strong>标签让文本直接加粗。 /*源码查看bootstrap.css文件第55行~第58行*/查看全部
-
粗体 在Bootstrap中,可以使用<b>和<strong>标签让文本直接加粗。 /*源码查看bootstrap.css文件第55行~第58行*/查看全部
-
强调内容 可以通过添加类名“.lead”实现,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理。 “.lead”对应的样式如下: /*源码查看bootstrap.css文件第470行~480行*/ Bootstrap还通过元素标签:<small>、<strong>、<em>和<cite>给文本做突出样式处理。 /*源码查看bootstrap.css文件第55行~第58行*/ /*源码查看bootstrap.css文件第481行~第484行*/ /*源码查看bootstrap.css第485行~第487行*/查看全部
-
段落样式(p)/*源码请查看bootstrap.css文件中第467行~469行*/查看全部
-
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>基础表格</title> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> </head> <body> <table class="table table-hover"> <thead> <tr> <th>表格标题<查看全部
-
基本表单查看全部
-
水平表单查看全部
-
help-block将提示信息以块状显示,并且显示在控件底部查看全部
-
下拉菜单(菜单项状态) 下拉菜单项的默认的状态(不用设置)有悬浮状态(:hover)和焦点状态(:focus)。 下拉菜单项除了上面两种状态,还有当前状态(.active)和禁用状态(.disabled)。查看全部
-
下拉菜单(对齐方式) Bootstrap框架中下拉菜单默认是左对齐,如果你想让下拉菜单相对于父容器右对齐时,可以在“dropdown-menu”上添加一个“pull-right”或者“dropdown-menu-right”类名。查看全部
-
按钮(等分按钮) 等分按钮的效果在移动端上特别的实用。整个按钮组宽度是容器的100%,而按钮组里面的每个按钮平分整个容器宽度。例如,如果你按钮组里面有五个按钮,那么每个按钮是20%的宽度,如果有四个按钮,那么每个按钮是25%宽度,以此类推。 等分按钮也常被称为是自适应分组按钮,其实现方法也非常的简单,只需要在按钮组“btn-group”上追加一个“btn-group-justified”类名。查看全部
-
按钮的向下向上三角形 按钮的向下三角形,我们是通过在<button>标签中添加一个“<span>”标签元素,并且命名为“caret”。 有的时候我们的下拉菜单会向上弹起(接下来一个小节会介绍),这个时候我们的三角方向需要朝上显示,实现方法:需要在“.btn-group”类上追加“dropup”类名(这也是做向上弹起下拉菜单要用的类名)。查看全部
-
下拉菜单(菜单标题) 通过.dropdown-header来实现菜单标题查看全部
-
按钮(按钮组) 使用方法: 按钮组和下拉菜单组件一样,需要依赖于button.js插件才能正常运行。不过我们同样可以直接只调用bootstrap.js文件。因为这个文件已集成了button.js插件功能。 对于结构方面,非常的简单。使用一个名为“btn-group”的容器,把多个按钮放到这个容器中。查看全部
-
按钮组大小设置 在介绍按钮一节中,我们知道按钮是通过btn-lg、btn-sm和btn-xs三个类名来调整padding、font-size、line-height和border-radius属性值来改变按钮大小。那么按钮组的大小,我们也可以通过类似的方法: ☑ .btn-group-lg:大按钮组 ☑ .btn-group-sm:小按钮组 ☑ .btn-group-xs:超小按钮组查看全部
举报
0/150
提交
取消