感觉bootsharp没我想象的复杂,就是一个js 一个css ,两个图片.
但是上手的时候确实有点恶心,文档说了很多,却没有给出实际的例子.
然后发现要使用模板,模板很多要收费先不说,模板肯定不会完全满足需求.那就得改呗.那首先得要懂html,我html还是懂一些的.
但是css呢.自己按照官方的来搞不见的漂亮.结局很可能是东copy一些 西copy一下.
我刚入门,呵呵,上面说的可能有很多不对.
效果图
html代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
<title>Hello BootStrap</title>
</head>
<body>
<h1>Hello BootStrap</h1>
<ul class="nav nav-pills">
<li class="active">[url=#]Regular link[/url]</li>
<li class="dropdown" id="menu1">
<a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">Dropdown<b class="caret"></b></a>
<ul class="dropdown-menu">
[*][url=#]Action[/url]
[*][url=#]Another Action[/url]
[*][url=#]Something else here[/url]
<li class="divider"></li>
[*][url=#]Separated link[/url]
</ul>
</li>
</ul>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.js"></script>
<script>
$(".dropdown-toggle").dropdown()
</script>
</body>
</html>
- 大小: 23.3 KB
分享到:
相关推荐
Bootsharp3.0中文chm api 内容采用的是v3.bootcss.com网站。有需要的同鞋可以下载。
Bootsharp框架是一个基于Bootstrap前端框架的.NET开发工具,它提供了丰富的服务器端组件和方便的数据绑定功能,使得开发者在构建响应式、移动优先的Web应用程序时能够更加高效。这个压缩包包含"static"和"templates...
BootSharp框架是一个基于.NET Core平台的轻量级、高性能的Web开发框架,它结合了Bootstrap前端框架和ASP.NET Core后端技术,旨在简化Web应用程序的开发流程,提高开发效率。这个"bootsharp框架管理系统 静态"可能是...
整理超齐全的bootsharp使用方法,减少使用时的困惑----
Bootsharp是一款专为后台管理系统设计的界面框架,它以其经典的美学设计和强大的功能特性,深受开发者们的喜爱。这款框架基于Bootstrap框架,集成了丰富的UI组件和实用的功能,旨在提供一个高效、易用、美观的开发...
"Bootsharp-linux" 是一个与 Bootsharp 相关的项目,专为Linux环境设计。Bootsharp 是一个基于Bootstrap前端框架的.NET开发库,它提供了方便的API和组件,用于快速构建响应式和移动优先的Web应用程序。在Linux环境中...
【标题】"DWZ_Bootstrap_Javascript_Jquery_" 指的是一个基于DWZ框架与Bootstrap相结合的项目,其中融入了JavaScript和jQuery技术,旨在创建一个响应式的网页应用。这个项目利用了DWZ的管理后台功能和Bootstrap的...
bootstrap-step 是一个按步骤执行的页面。我也是从网上下载回来了,并保存了作者信息。这是作者只做了步骤变化,没有做内容联动的变化。其实非常简单。我做了一个例子。arrow方式的我做了例子说明。...
此版本同时考虑到了移动设备的适配,包含了Bootsharp框架的自适应WAP版本,使得该系统在手机和平板等移动设备上也能流畅运行,实现无缝切换。 【描述】"kppw威客开发参考,商业版宽屏无限制版本,并自带bootsharp...
Bootstrap是世界上最受欢迎的前端开发框架之一,用于快速构建响应式和移动优先的网站。...在JavaWeb开发中,Bootstrap经常被用来提升网页的用户体验和视觉吸引力。 首先,我们来了解一下Bootstrap的基础知识。...
这是一款基于Bootstrap的炫酷下拉菜单鼠标滑过动画特效jQuery插件。该插件在鼠标滑过Bootstrap dropdown组件的时候,下拉面板会以指定的Animate.css中的CSS3动画出现。
【SSM+Bootstrap 技术栈详解】 在IT行业中,"SSM+Bootstrap"是一个常见的技术组合,尤其在Web开发领域。SSM是Spring、Spring MVC和MyBatis的缩写,而Bootstrap则是一个前端框架。这个组合为开发者提供了一个强大且...
Bootstrap点击弹出层用户登录窗口模板是一个用于网页设计的实用工具,主要基于Bootstrap框架构建,旨在为用户提供一种简洁且高效的方式来实现网站的交互式登录功能。这个模板将登录表单集成到一个弹出层(modal)中...
Bootstrap Star Rating插件是一款基于流行的前端框架Bootstrap开发的交互式星级评分组件,它为用户提供了一种直观、易于使用的评分方式,常用于用户评价、产品评级等场景。在本篇文章中,我们将详细介绍这款插件的...
在本文中,我们将探讨如何在基于MVC的项目中结合Bootstrap和Drapper使用PagedList.Mvc库来实现多查询条件的分页功能。PagedList.Mvc是一个非常实用的库,它简化了在ASP.NET MVC中实现分页的过程。...
Bootstrap Table 是一个基于 Bootstrap 框架的动态表格插件,它提供了丰富的功能,包括排序、筛选、分页等。在本案例中,我们将重点讨论如何实现表格行的拖拽功能,这一特性允许用户通过直观的拖放操作来改变表格行...
1.运行效果如图所示 2.实现代码如下 <!DOCTYPE html> <html> <head> <meta charset=utf-8> <meta http-equiv=X-UA-Compatible content=IE=edge> <title>...
使用pythonweb框架django写的网站 django版本1.9.6 数据库:sqlite3 前端:bootsharp 版本1.0 实现基本的博客功能。 1文章的增加和删除。 2文章列表和详情。 3评论功能以及后台管理. 4分页功能
前端由jinja模板引擎实现,用BootSharp5框架进行美化。 后端采用线程池,进行异步执行前端提交的任务,例如采集数据任务或词频统计任务。 2.该项目可以进行实时分析数据。数据库采用SQLite ,不需要部署。可以用...
Bootstrap是一个流行的前端框架,它提供了一整套用户界面组件和响应式布局解决方案。在本文中,我们关注的是Bootstrap中的告警框(alert)组件,并且将会探索如何使用Bootstrap来实现一个告警框的弹出效果,以及如何...