python之路_前端基础之Bootstrap 组件

文档内容参考地址：http://v3.bootcss.com/components/

一、图标

　　如下例，Star文本前有一个空格：

<button type="button" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star
</button>

二、下拉菜单

　　将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里，或者另一个声明了 position: relative; 的元素。然后加入组成菜单的 HTML 代码。实例介绍如下：

<div class="dropdown"><button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Dropdown<span class="caret"></span></button><ul class="dropdown-menu " aria-labelledby="dropdownMenu1"><li class="disabled"><a href="#">Action</a></li>            //禁用项：为下拉菜单中的 <li> 元素添加 .disabled 类，从而禁用相应的菜单项。<li><a href="#">Another action</a></li><li class="dropdown-header">Dropdown header</li>            //标题：在任何下拉菜单中均可通过添加标题来标明一组动作。<li><a href="#">Something else here</a></li><li role="separator" class="divider"></li>                  //分割线：为下拉菜单添加一条分割线，用于将多个链接分组。<li><a href="#">Separated link</a></li></ul>
</div>

三、按钮组

1、基本应用

2、按钮工具栏

　　把一组 <div class="btn-group"> 组合进一个 <div class="btn-toolbar"> 中就可以做成更复杂的组件。

3、按钮与下拉菜单嵌套

　　想要把下拉菜单混合到一系列按钮中，只须把 .btn-group 放入另一个 .btn-group 中。

四、导航

转载于:https://www.cnblogs.com/seven-007/p/7879944.html

python之路_前端基础之Bootstrap 组件相关推荐

python之路_前端基础之jQuery入门2
一.样式操作 1.css样式 <body> <div class="c1">111</div> <script src="jqu ...
b插到元素a之前python_python之路_前端基础之jQuery入门3
一.文档操作 (一)插入儿子元素 1.添加到指定元素内部的后面 $(A).append(B):B作为A的最后一个儿子元素:$(A).appendTo(B):A作为B最后一个儿子元素.以上两种A必须为j ...
Python之路，day22-BBS基础
Python之路,day22-BBS基础多级评论 from django.template import Library from django.utils.safestring import ma ...
gif透明背景动画_前端基础系列之bmp、jpg、png、gif、svg常用图片格式浅谈（二）...
IT客栈作者:大腰子 bmp.jpg.png.gif.svg常用图片格式之前为大家介绍了几种WEB前端常用的图片格式,对比了它们的特点,参见<前端基础系列之bmp.jpg.png.gif.s ...
boost log 能不能循环覆盖_前端基础进阶（十四）：深入核心，详解事件循环机制...
Event Loop JavaScript的学习零散而庞杂,很多时候我们学到了一些东西,但是却没办法感受到进步!甚至过了不久,就把学到的东西给忘了.为了解决自己的这个困扰,在学习的过程中,我一直在试图 ...
python问题分享_零基础入门Python常见问题分享
零基础入门Python常见问题有哪些?作为经常混迹在各大Python技术论坛的小编而言,见到最多的话题就是:学习Python难不难?零基础可以学习Python吗?如何学习Python?等等.今天小编就 ...
python制作网页样式与布局_python之路_前端之CSS布局1
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力.CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化. ...
自学python怎么转行_没有基础的想转行学习Python怎么学
展开全部 Python学习路线. 第一阶段Python基础与Linux数据库.这是Python的入门阶段,也是帮助零基础学员打好基础的重要阶62616964757a686964616fe59b9ee7 ...
python 运算符重载_零基础小白Python入门必看：面向对象之典型魔术方法
魔术方法查看类的魔术方法 class A: passdir(A) # 可以得到类所有公有成员复制代码输出结果如下 ['__class__', '__delattr__', '__dict__', ...

python之路_前端基础之Bootstrap 组件

python之路_前端基础之Bootstrap 组件相关推荐

最新文章

热门文章