自适应大气公司官网效果
代码语言:html
所属分类:布局界面
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> Website Header with Bootstrap Carousel</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel='stylesheet' href='http://repo.bfw.wiki/bfwrepo/css/bootstrap.css'> <script src='http://repo.bfw.wiki/bfwrepo/js/jquery.2.11.js'></script> <style> .container-fluid.main{ position: relative; /* To make the navbar positions relative to this container */ padding: 0; } .navbar-default { background-image: none; background-color: transparent; /* Make the menu become transparent */ border-radius: 0px; border: 0; box-shadow: none; padding: 10px; position: absolute; /* Make the menu out of the document flow so it can placed anywhere without disturbing other widgets */ top: 0; left: 0; right: 0; z-index: 10; /* If you delete this line, your menu link won't be clicked because it is behind the background. Applying this code bring the menu in front of the background */ } .navbar-default .navbar-brand { font-family.........完整代码请登录后点击上方下载按钮下载查看
网友评论0