基于Bootstrap的网页设计实例
|
废话不多说了，直接给大家贴代码了，具体代码如下所示：
首页菜单
Firefox
Mozilla Firefox,中文名通常称为“火狐”或者“火狐浏览器”，是一个开源的网页浏览器 Safari
Safari,是苹果计算机的最新操作系统Mas OS X中的浏览器 Opera
Opera浏览器,是一款挪威Opera Software ASA公司制作的支持多页面标签式的网络浏览器 IE
Internet Explorer,简称IE，是微软公司推出的一款网页浏览器 Chrome
Google Chrome,又称Google浏览器，是一个由Google（谷歌）公司开发的网页浏览器 Firefox
Mozilla Firefox,中文名通常称为“火狐”或者“火狐浏览器”，是一个开源的网页浏览器 Safari
Safari,是苹果计算机的最新操作系统Mas OS X中的浏览器
网站基于Bootstrap开发；设计风格简单清爽！内容是关于当今主流浏览器介绍，并附有下载资源。 导航及下拉菜单制作滚动图片广告Chrome
Google Chrome,简称IE，是微软公司推出的一款网页浏览器 栅格布局Chrome
Google Chrome,又称Google浏览器，是一个由Google（谷歌）公司开发的网页浏览器 Firefox
Mozilla Firefox,中文名通常称为“火狐”或者“火狐浏览器”，是一个开源的网页浏览器 Safari
Safari,是苹果计算机的最新操作系统Mas OS X中的浏览器 标签页
<div class="tab-pane" id="tab-firefox"> <p class="lead">Mozilla Firefox,中文名称为“火狐”或“火狐浏览器”，是一个开源网页浏览器，使用Gecko引擎(非ie内核)，支持多种操作系统如window、Mac和linux。 <div class="tab-pane" id="tab-safari"> <p class="lead">Safari，是苹果计算机的最新操作系统Mac OS X中的浏览器，使用了KDE的KHTML作为浏览器的运算核心。Safari在2003年1月7日首度发行测试版，并成为Mac OS X v10.3与之后的默认浏览器，也是iPhone与TPAD和iPod touch的指定浏览器。 <div class="tab-pane" id="tab-opera">
<div class="tab-pane" id="tab-ie">
弹出框制作<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">× <span class="sr-only">Close <div class="modal-body"> 网站基于Bootstrap开发；设计风格简单清爽！内容是关于当今主流浏览器介绍，并附有下载资源。 <div class="modal-footer"> 底部设计
JS脚本
document.getElementById('time').innerHTML=new Date().toLocaleString();
setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString();",1000);
$(document).ready(function(){
$("#demo-navbar .dropdown-menu a").click(function(){
var href=$(this).attr("href");
}); 以上所述是小编给大家介绍的基于Bootstrap的网页设计实例。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |