编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

基于bootstrap框架的小例子(基于bootstrap的开源框架)

wxchong 2024-07-04 09:53:55 开源技术 12 ℃ 0 评论

图1

在这里给大家简单的讲述一下bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。

它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。

国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。

div如下:

<body background="image/teddy-kelley-109202.jpg" >

<div class="site-wrapper">

<div class="site-wrapper-inner">

<div class="cover-container">

<div class="masthead clearfix">

<div class="inner">

<h3 class="masthead-brand"> </h3>

<nav>

<ul class="nav masthead-nav">

<li class="active"><a href="#"> </a></li>

</ul>

</nav>

</div>

</div>

<div class="inner cover">

<h1 class="cover-heading">&nbsp;&nbsp;&nbsp;当你迷失掉自己时,你才能找到自己。</h1>

<p class="lead">——威尔菲德·内勒斯《内勒斯工作坊》</p>

<p class="lead">

<a href="#" class="btn btn-lg btn-default">Learn more</a>

</p>

</div>

<div class="mastfoot">

<div class="inner">

</div>

</div>

</div>

</div>

</div>

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表