![](https://img-blog.csdnimg.cn/49d0851ae52544fe87b91e4fad3b906d.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Bootstrap
文章平均质量分 68
Bootstrap
吉帅振的网络日志
前端开发
展开
-
浅谈对Bootstrap的看法之二(下拉菜单、动态选项卡、折叠导航栏、轮播图、模态框)
1.下拉菜单相关说明:下拉菜单对应.dropdown 类,我们可以使用button按钮或a链接来打开下拉菜单,需要添加class="dropdown-toggle" 和 data-toggle="dropdown" 属性。主要代码:<div class="dropdown"> <button type="button" class="btn btn-primary原创 2018-06-20 09:02:30 · 6251 阅读 · 1 评论 -
浅谈对Bootstrap的看法之三(提示框和弹出框、滚动监听、小工具)
1.提示框和弹出框相关说明:提示框和弹出框效果类似。提示框:通过向元素添加 data-toggle="tooltip" 来创建提示框,<a href="#" data-toggle="tooltip" title="我是提示内容!">鼠标移动到我这</a>,title引号中的内容为提示框显示的内容。提示框需要使用到 jQuery , 在指定的元素上调用 tooltip()原创 2018-06-20 21:49:50 · 1658 阅读 · 0 评论 -
Bootstrap4之弹性盒子详解(flexbox)
个人认为:弹性盒子是Bootstrap中比较重要同时理解也比较困难的一部分,接下来,我就根据自己的理解详细讲述一下对于弹性盒子的看法。1.排序方式2.响应式布局...原创 2018-06-21 10:42:55 · 16213 阅读 · 0 评论 -
Bootstrap屏幕缩小时在导航栏下生成滚动条
相关说明:Bootstrap在进行响应式布局时,当屏幕缩小到一定程度时在导航栏下生成滚动条。主要代码:@media screen and (max-width:780px){ #product .product-list ul{width: 800px;flex-wrap: nowrap;} #product .product-list ul li{width: 100px;} ...原创 2018-06-21 21:08:24 · 3856 阅读 · 1 评论 -
浅谈对Bootstrap的看法之一(文字颜色、表格、进度条、按钮)
今天第一次接触Bootstrap,官方介绍其是前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。个人认为,Bootstrap是一个大型的CSS样式包,里面包含了各种各样的CSS样式。当程序员进行网站开发时,可以直接使用包中定义好的样式。另外,Bootstrap自适应屏幕,包内的样式能够起到跟随屏幕大小而改变文字或图片大小的功能。接下来,我将从文字颜色、表格、进度条、按钮等多个方面进行介...原创 2018-06-14 20:55:08 · 12007 阅读 · 1 评论 -
前段开发中如何设置标签高度自适应
写在前面:在Bootstrap中可以使用弹性盒子设置标签的宽度自适应,但是很少有方法设置高度自适应,接下来我就为大家介绍一种设置高度自适应的方法。图片说明:在大屏显示时,我点击页面的底部向上拖动,页面没有被直接遮挡而是自适应屏幕的高度大小进行显示。主要代码:1.<html lang="en" style="height: 100%">2.<body style="height:...原创 2018-06-26 09:47:23 · 1702 阅读 · 0 评论