1.Bootstrap
Bootstrap是Twitter公司于2011年8月开源的整体式前端框架,由Twitter的设计 Mark Otto 和 Jacob Thornton合作开发。
Bootstrap是当前应用最广泛、最为开发者所熟知的前端框架。
2.Bootstrap JavaScript特效
Bootstrap的流行很大程度上得益于大大降低了页面开发的学习成本。Bootstrap实现了从UI到JavaScript代码的一体化,只要在HTML代码中加入框架约定的触发器,就可以实现大多数的效果。即使用到官方没有提供的效果,开源社区的开发者也往往能提供现成的解决方案。
标签页切换由两部分组成:
(1)标签页部分
为<ul>/<ol>添加 .nav 和 .nav-tabs 类,使其展现为标签页的样式,<li>中<a>标签需要添加 data-toggle=“tab”触发器,href 的值要对应 内容部分 的 id值。
(2)内容部分
需要包裹在<div class="tab-content"> …</div>内部,每个<div class="tab-pane"> …</div>内部包裹一个内容单项,并给<div class="tab-pane">标签设置id,用于与标签页的href属性值对应。
3.折叠:
用于内容的展开/收起,功能同标签页类似,效果不同。折叠可以同时展开多项内容,而标签页只能同时展开一个。
构建单个元素的展开/收起,只需为标题容器添加data-toggle=“collapse”触发器并将data-target属性的值和折叠内容容器的id相对应即可。
远近互联前端小华整理发布,希望能对学习技术的你有所帮助
远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务让客户通过网络品牌建立与网络传播提高业绩。