bootstrap首页制作

<!DOCTYPE html><html><head>             <meta charset="utf-8">   <title>我的bootstrap网页</title>   <meta http-equiv="X-UA-Compatible" content="IE=edge">   <meta name="viewport" content="width=device-width, initial-scale=1">   <link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet">   <link href="./bootstrap/css/Ulike_2016.css" rel="stylesheet">   <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>   <script src="./bootstrap/js/bootstrap.min.js"></script></head><body>            <!--导航 固定在上面-->            <nav class="navbar navbar-default navbar-fixed-top">            <!--小屏幕的导航按钮和logo-->            <div class="container">               <div class="navbar-header">                  <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">                     <span class="icon-bar"></span>                     <span class="icon-bar"></span>                     <span class="icon-bar"></span>                  </button>                  <a href="bootstrap_work.html" class="navbar-brand">Ulike工作室</a>               </div>               <!--导航-->               <div class="navbar-collapse collapse" >                  <ul class="nav navbar-nav navbar-right">                     <li><a href="bootstrap_work.html">首页</a></li>                     <li><a href="bootstrap_work.html">文档</a></li>                     <li><a href="bootstrap_work.html">咨询</a></li>                     <li><a href="bootstrap_work.html">讨论</a></li>                  </ul>               </div>               <!--导航-->            </div>         </nav>          <section id="home">              <div class="lujing">                    <div class="container">                   <div class="row">                      <div class="col-md-1"></div>                      <!--内容区域-->                      <div class="col-md-10">                         <h1>Ulike工作室欢迎您的到来</h1>                         <img src="./image/php.jpg" alt="php" class="img-responsive">                      </div>                      <div class="col-md-1"></div>                   </div>               </div>           </div>        </section>

</body></html>
时间: 2025-01-13 02:50:28

bootstrap首页制作的相关文章

网页的首页制作效果

网页的首页制作效果 个人认为网页制作的首页,网页的颜色的搭配是非常重要的,它关系到整个网页的整体审美性,可以给人一种舒服的感觉,另外网页的布局的格式也相当的重要,它关系到你整体的制作以及规划的步骤. 在网页中要用到这些技术点是相当不错的. 1 网页图片的轮播效果,它使得网页看起来不会让人觉得枯燥,死板. 2 网页部分地方,使用3D效果,比如时间日期的翻页效果,可以为你的网页增添亮点. 3 部分地方的文字图片信息,可以采用分页效果,这样就不至于把大量的信息一下子全部展现出来,并且这也不符合布局的规

做网站首页制作手机端浏览的跳转

<script language="javascript"> if(!IsPC()){ window.location.href="/m/";   //要跳转的地址,也可以跳转到 window.location.href="http://m.xxx.com/"; } function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = new Array(&qu

学习码匠社区-spring boot 使用bootstrap + thymeleaf 制作导航栏

spring boot 使用 bootstrap + thymeleaf 制作导航栏 添加 thymeleaf 依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> 配置 application.properties,使得 sprin

网页首页制作总结(div+css+javascript)

一.对网页整体布局,分几个版块 如下图所示: 确定布局之后,规划好网页,准备素材,按照标准文档流的顺序,从上到下,从左到右写入代码. 以上图为例,分为两部分,红色的主体部分和页脚.主体部分分割为头部.左边和右边三部分.对于每一个div和其css样式,写明注释,标明开始和结束!可参照论文标题的分级,1→1.1→1.1.1. div为块状元素,占据一行,若不进行浮动,脱离标准文档流,左边部分和右边部分不可能并排:既然有浮动,就必须清除浮动来关闭"开关",否则会影响后面内容的排版.清除浮动有

bootstrap练习制作网页

导航条 <nav class="navbar navbar-default"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" clas

PPT这样学就对了之首页制作

一般初学的人对PPT幻灯片制作会无从下手,大飞老师这个教程是个系列会从头到尾讲完整的PPT的是如何制作.PPT在制作过程中首先要做的就是首页,而首页就像是一本书的封面页,别人看到你的PPT会知道你在讲什么,在制作首页时我们要有个明确的主体,然后是配上图.其它可能还需要有公司名称或主讲人等信息,下边我们通过一个示例讲解 通过上图我们可以看到这个powerpoint幻灯片首页采用的是右边是图片,左边是标题的排版方式,那么我们怎么做呢.我们看到图片是在变形过的矩形里面放的.这个怎么实现的呢,我们可以插

Bootstrap+Html5制作强大的网页视频播放器

在做视频管理系统时,我们的定位是做到类似土豆视频的功能.视频管理,当然播放是必不可少的.在做这个播 放页面的时候,也研究了一下土豆的播放器,土豆用的是自己做的.但由于我们目前的技术有限,于是想着从网上找 一个现成的插件,于是开始了播放器的技术选型. 我发现了一个好的插件叫Video.js,研究了一下.基本的播放没问题,但当需要动态传参播放视频的时候,该款 播放器却很难跟着我的思路走,参数动态传不进去.如果现在去研究内部的js,改动内部代码,时间不允许.于是迫 不得已,只能另换解决方案. 搜索一番

百度首页制作

<!doctype html>百度制作4 搜索摄者 | 登录 注册 新闻 网页 贴图 贴图 知道 MP3 图片 视频 地图 百科 文库 hao123 更多> 把百度设为主页 把百度设定为主页<b 加入百度推广 探索风云榜 关于百度 About baidu ©20112 baidu 使用百度前必读 京CPI证030173号

使用bootstrap简单制作Tab切换页

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid