BootStrap 资源汇总

本文介绍了在使用Bootstrap框架时的一些实用技巧和需要注意的问题,包括导航栏的设计、警告组件的使用、响应式布局的设置、排版建议、表格样式、按钮角色属性的设定等内容。
  1. 不要在 .navbar-nav 内的元素上使用 .navbar-btn,因为它不是标准的 button class。

  2. 为了防止导航栏与页面主体中的其他内容的顶部相交错,请向 <body> 标签添加至少 50 像素的内边距(padding),内边距的值可以根据您的需要进行设置。

------《导航栏》这里

请确保使用带有 data-dismiss="alert" data 属性的 <button> 元素。

------《警告》这里

initial-scale=1.0 确保网页加载时,以 1:1 的比例呈现,不会有任何的缩放。在移动设备浏览器上,通过为 viewport meta 标签添加 user-scalable=no 可以禁用其缩放(zooming)功能。通常情况下,maximum-scale=1.0 与 user-scalable=no 一起使用。这样禁用缩放功能后,用户只能滚动屏幕,就能让您的网站看上去更像原生应用的感觉。 ------《Bootstrap CSS 概览

在 HTML5 中可以放心使用 <b> 和 <i> 标签。<b> 用于高亮单词或短语,不带有任何着重的意味;而 <i> 标签主要用于发言、技术词汇等。------《bootcss.com排版

条纹状表格是依赖 :nth-child CSS 选择器实现的,而这一功能不被 Internet Explorer 8 支持。------《bootcss.com 条纹状表格

如果 <a> 元素被作为按钮使用 -- 并用于在当前页面触发某些功能 -- 而不是用于链接其他页面或链接当前页面中的其他部分,那么,务必为其设置 role="button" 属性。 ------《bootcss.com 按钮-可作为按钮使用的标签或元素

请时刻牢记:Internet Explorer 8 不支持 CSS3 中的圆角属性。------《bootcss.com图片-图片形状



转载于:https://my.oschina.net/viviworld/blog/478869

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值