bootstrap是什么?

Bootstrap是Twitter推出的一个开源的前端框架。Bootstrap由Twitter的设计师Mark Otto和Jacob Thornton合作开发,由动态语言Less写成。它是一套“易用、优雅、灵活、可扩展”的前端工具集,提供了优雅的HTML/CSS规范。
bootstrap是一个前端框架,他有自己的一套css样式,公司没美工,使用bootstar做出来的页面比较好看,
使用日历控件实战
<link
href="${path}js/bootstrap-3.3.5-dist/css/bootstrap-datetimepicker.min.css"
rel="stylesheet">
<link
href="${path}js/bootstrap-3.3.5-dist/css/bootstrap-responsive.min.css"
rel="stylesheet">
<script
<span style="white-space:pre">
</span>
src="${path}js/bootstrap-3.3.5-dist/js/bootstrap-datetimepicker.min.js">
</script>
<span style="white-space:pre">
</span>
<script
<span style="white-space:pre">
</span>
src="${path}js/bootstrap-3.3.5-dist/js/bootstrap-datetimepicker.zh-CN.js">
</script>
//引入日历css样式以及js文件
//<span style="font-family: Arial, Helvetica, sans-serif;"> bootstrap-datetimepicker.min.js一定要在 </span> <span style="font-family: Arial, Helvetica, sans-serif;"> bootstrap-datetimepicker.zh-CN.js"之前引用 </span>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
<span style="white-space:pre">
</span>
href="${path}js/bootstrap-3.3.5-dist/css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件(一般不用引入) -->
<link rel="stylesheet"
<span style="white-space:pre">
</span>href="${path}js/bootstrap-3.3.5-dist/css/bootstrap-theme.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js">
</script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="${path}js/bootstrap-3.3.5-dist/js/bootstrap.min.js">
</script>
<div class="input-append date form_datetime"> <span style="white-space:pre"> </span> <li> <span>日期:</span> <input size="16" type="text" <span style="white-space:pre"> </span>name="usedate" id="usedate" <span style="white-space:pre"> </span>value="" type="date" dateStyle="default"/>" > <span <span style="white-space:pre"> </span>class="add-on"><i class="icon-th"> </i> </span> <span style="white-space:pre"> </span> </div>
<script type="text/javascript">
<span style="white-space:pre">
</span>$(function() {
<span style="white-space:pre">
</span>$(".form_datetime").datetimepicker({
<span style="white-space:pre">
</span>language : 'zh-CN',//显示语言为中文
<span style="white-space:pre">
</span>format : "yyyy-mm-dd",//日期格式化样式
<span style="white-space:pre">
</span>autoclose : true,
<span style="white-space:pre">
</span>todayBtn : true,
<span style="white-space:pre">
</span>minView : "month"//日历只显示到月日历
<span style="white-space:pre">
</span>});
<span style="white-space:pre">
</span>
}
)
</scrip>
这些引进的js文件和css文件在 bootstrap官网上都能下载到 。
以上所述是小编给大家介绍的Web前端框架bootstrap实战【第一次接触使用】,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
# web前端框架bootstrap
# WebApi+Bootstrap+KnockoutJs打造单页面程序
# WEB前端开发框架Bootstrap3 VS Foundation5
# Bootstrap框架动态生成Web页面文章内目录的方法
# 基于BootStrap Metronic开发框架经验小结【九】实现Web页面内容的打印预览和保存操作
# 小编
# 自己的
# 是一个
# 在此
# 都能
# 它是
# 给大家
# 他有
# 只显示
# 可选
# 易用
# 所述
# 给我留言
# 开源
# 官网
# 感谢大家
# 疑问请
# 有任何
# 第一次接触
# path
相关文章:
沈阳制作网站公司排名,沈阳装饰协会官方网站?
建站之星安装步骤有哪些常见问题?
建站之星24小时客服电话如何获取?
高防网站服务器:DDoS防御与BGP线路的AI智能防护方案
如何用VPS主机快速搭建个人网站?
建站之星官网登录失败?如何快速解决?
制作网站的公司有哪些,做一个公司网站要多少钱?
建站之星IIS配置教程:代码生成技巧与站点搭建指南
武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄?
如何选择网络建站服务器?高效建站必看指南
怎么将XML数据可视化 D3.js加载XML
如何高效搭建专业期货交易平台网站?
公司门户网站制作流程,华为官网怎么做?
定制建站方案优化指南:企业官网开发与建站费用解析
教程网站设计制作软件,怎么创建自己的一个网站?
如何在万网ECS上快速搭建专属网站?
如何选择长沙网站建站模板?H5响应式与品牌定制哪个更优?
深圳网站制作平台,深圳市做网站好的公司有哪些?
高性能网站服务器部署指南:稳定运行与安全配置优化方案
杭州银行网站设计制作流程,杭州银行怎么开通认证方式?
Python多线程使用规范_线程安全解析【教程】
建站主机功能解析:服务器选择与快速搭建指南
logo在线制作免费网站在线制作好吗,DW网页制作时,如何在网页标题前加上logo?
江苏网站制作公司有哪些,江苏书法考级官方网站?
简单实现Android验证码
招商网站制作流程,网站招商广告语?
如何在Windows服务器上快速搭建网站?
如何在IIS管理器中快速创建并配置网站?
高端企业智能建站程序:SEO优化与响应式模板定制开发
专业的网站制作设计是什么,如何制作一个企业网站,建设网站的基本步骤有哪些?
制作电商网页,电商供应链怎么做?
如何配置IIS站点权限与局域网访问?
如何通过虚拟主机快速完成网站搭建?
如何快速搭建高效香港服务器网站?
如何使用Golang安装API文档生成工具_快速生成接口文档
如何制作公司的网站链接,公司想做一个网站,一般需要花多少钱?
建站之星好吗?新手能否轻松上手建站?
如何彻底卸载建站之星软件?
如何快速搭建自助建站会员专属系统?
山东网站制作公司有哪些,山东大源集团官网?
网站制作大概要多少钱一个,做一个平台网站大概多少钱?
小型网站建站如何选择虚拟主机?
定制建站是什么?如何实现个性化需求?
ui设计制作网站有哪些,手机UI设计网址吗?
如何通过FTP服务器快速搭建网站?
建站之星手机一键生成:多端自适应+小程序开发快速建站指南
视频网站app制作软件,有什么好的视频聊天网站或者软件?
制作公司内部网站有哪些,内网如何建网站?
宝华建站服务条款解析:五站合一功能与SEO优化设置指南
网站制作服务平台,有什么网站可以发布本地服务信息?
*请认真填写需求信息,我们会在24小时内与您取得联系。