基于Bootstrap的网页设计实例

废话不多说了，直接给大家贴代码了，具体代码如下所示：

<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>









 body{
  padding-top: 50px;
  padding-bottom: 50px;
 }
 .carousel{
  height: 500px;
  background-color: #000;
  margin-bottom: 60px;
 }
 .carousel .item{
  height: 500px;
  background-color: #000;
 }
 .carousel img{
  width: 100%;
 }
 .carousel-caption p{
  margin-bottom:20px;
  font-size: 20px;
  line-height: 1.8;
 }
 #summary-container .col-md-4{
  text-align:center;
 }
 hr.divder{
  margin:40px 0;
 }
 .feature{
  padding: 30px 0;
 }
 .feature-heading{
  font-size:50px;
  color:#2a6496;
  margin-top:120px;
 }
 .feature-heading .text-muted{
  font-size: 28px;
  color:#999;
 }





 

  

  

  

  

  

 
 
  
   
   
    Chrome
    
Google Chrome,又称Google浏览器，是一个由Google（谷歌）公司开发的网页浏览器
    
点击下载
   
  
  
   
   
    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中的浏览器
  
点击下载
  
 
 

 

  
Chrome
  
Firefox
  
Safari
  
Opera
  
IE
 
 
  
   
   
    
Google Chrome 使用最广泛的浏览器
    
Google Chrome,又称Google浏览器，是一个由Google（谷歌）公司开发的网页浏览器。
    该浏览器是基于其他开源软件撰写，包括Webkit,目标是提升稳定性，速度和安全性，并创造出简单且有效率的使用这界面
    
   
   
    
   
  
  
  
  
   
    
Mozilla Firefox燃烧的狐狸
    
Mozilla Firefox,中文名称为“火狐”或“火狐浏览器”，是一个开源网页浏览器，使用Gecko引擎(非ie内核)，支持多种操作系统如window、Mac和linux。
   
   
    
   
  
  
  
  
   
    
SafariMac用户首先
    
Safari，是苹果计算机的最新操作系统Mac OS X中的浏览器，使用了KDE的KHTML作为浏览器的运算核心。Safari在2003年1月7日首度发行测试版，并成为Mac OS X v10.3与之后的默认浏览器，也是iPhone与TPAD和iPod touch的指定浏览器。
   
   
    
   
  
  
  
  
   
    
   
   
    
Opera小众但易用
    
Opera浏览器，是一款挪威Opera Software ASA公司制作的支持多也页面标签式浏览的网络浏览器。是跨平台浏览器可以在windowns，Mac和Linux三个操作系统平台上运行。
   
  
  
  
  
   
    
   
   
    
IE老招牌
    
Internet Explorer,原称Microsoft Internet Explorer(7,8,9,10版本)，简称IE，是美国微软公司推出的一款网页浏览器。它采用的排版引擎(内核)为Trident
   
  
  
 
 

 



 
  
   
    
    ×
    Close
    
    
关于
   
   
   
网站基于Bootstrap开发；设计风格简单清爽！内容是关于当今主流浏览器介绍，并附有下载资源。
   
   
    了解
    
   
  
 




 

导航及下拉菜单制作

滚动图片广告

 

  

  

  

  

  

 
 
  
   
   
    Chrome
    
Google Chrome,又称Google浏览器，是一个由Google（谷歌）公司开发的网页浏览器
    
点击下载
   
  
  
   
   
    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中的浏览器
 
点击下载
 
 

标签页

  
   
   
    
Google Chrome 使用最广泛的浏览器
    
Google Chrome,又称Google浏览器，是一个由Google（谷歌）公司开发的网页浏览器。
    该浏览器是基于其他开源软件撰写，包括Webkit,目标是提升稳定性，速度和安全性，并创造出简单且有效率的使用这界面
    
   
   
    
   
  
  
  
  
  
   
    
Mozilla Firefox燃烧的狐狸
    
Mozilla Firefox,中文名称为“火狐”或“火狐浏览器”，是一个开源网页浏览器，使用Gecko引擎(非ie内核)，支持多种操作系统如window、Mac和linux。
   
   
    
   
  
  
  
  
  
   
    
SafariMac用户首先
    
Safari，是苹果计算机的最新操作系统Mac OS X中的浏览器，使用了KDE的KHTML作为浏览器的运算核心。Safari在2003年1月7日首度发行测试版，并成为Mac OS X v10.3与之后的默认浏览器，也是iPhone与TPAD和iPod touch的指定浏览器。
   
   
    
   
  
  
  
  
  
   
    
   
   
    
Opera小众但易用
    
Opera浏览器，是一款挪威Opera Software ASA公司制作的支持多也页面标签式浏览的网络浏览器。是跨平台浏览器可以在windowns，Mac和Linux三个操作系统平台上运行。
   
  
  
  
  
  
   
    
   
   
    
IE老招牌
    
Internet Explorer,原称Microsoft Internet Explorer(7,8,9,10版本)，简称IE，是美国微软公司推出的一款网页浏览器。它采用的排版引擎(内核)为Trident
   
  
  
 

弹出框制作

 
  
  
   
    
    ×
    Close
    
    
关于
   
   
   
   
网站基于Bootstrap开发；设计风格简单清爽！内容是关于当今主流浏览器介绍，并附有下载资源。
   
   
   
    了解
    
   
   
  
 

底部设计

JS脚本

以上所述是小编给大家介绍的基于Bootstrap的网页设计实例，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！