标签归档:Bootstrap

基于Bootstrap外观的JavaScript右键菜单插件

前几天我们刚刚分享过一款超实用jQuery右键菜单,使用和配置都比较简单。这次我们要分享的也是一款JavaScript右键菜单插件,它的外观是基于Bootstrap的,因此UI比之前那款要漂亮许多,另外这款右键菜单插件也支持自定义区域菜单显示功能,你可以在初始化的时候指定需要弹出菜单的网页区域,一般是指定classname即可。

bootstrap-js-context-menu

在线演示源码下载

基于Bootstrap的日期选择控件 可选择多种日期格式

之前我们介绍过很多基于jQuery的日期选择控件和基于HTML5的日期选择控件,比如JavaScript日期选择控件KalendaeHTML5/CSS3日历应用 华丽的日期选择器。这次要介绍的日期选择控件是基于Bootstrap风格的,可支持多种日期合适,并且外观也非常清爽。

bootstrap-datepicker

在线演示源码下载

基于Bootstrap的jQuery开关按钮组合

Bootstrap是一款由Twitter推出的开源前端开发包,功能非常强大。今天我们要分享的这款jQuery开关按钮组合就是基于Bootstrap框架的,看了按钮的主题样式,也都是Bootstrap的样式风格,比较清新和简单。这款jQuery开关按钮可以满足你不同的应用需求,包括样式、大小等。

jquery-bootstrap-toggle-switch

在线演示源码下载

基于Bootstrap和CSS3的响应式UI框架

还记得之前我们分享过的Metro扁平化风格的jQuery UI组件么,看上去是不是非常清新和绚丽?今天我们要来分享一组基于Bootstrap和CSS3的响应式UI框架,这个UI框架中,包含了自定义CSS3按钮、自定义CSS3复选框和单选框、自定义CSS3下拉框等等,外观非常漂亮。

bootstrap-css3-ui-framework

在线演示源码下载

基于Bootstrap的CSS3面包屑菜单

今天我们来分享一款基于Bootstrap的CSS3面包屑菜单,面包屑菜单导航可以嵌入到网站中,可以帮助用户进行网站各级目录之间的跳转。这款面包屑菜单的色彩沿用了bootstrap的风格,十分清新自然,并且利用CSS3特性,让菜单项进行圆角处理,整体变得很圆润。

bootstrap-css3-bread-menu

在线演示源码下载

基于Bootstrap的CSS3下拉菜单 菜单3D立体效果

Bootstrap是Twitter推出的一个用于前端开发的开源工具包,基于Bootstrap框架,我们可以方便地制作漂亮的UI界面。今天要分享的这款CSS3下拉菜单就是基于Bootstrap的,下拉子菜单的外观也非常不错,同时菜单也具有3D立体的视觉效果。

css3-bootstrap-dropdown-menu

下面我们一起来看看实现这款CSS3 3D菜单的过程和源码,代码主要由HTML、CSS和jQuery组成。

HTML代码:

<nav class="navbar navbar-inverse" role="navigation"><div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#b[......]

阅读全文>>

基于jQuery UI和Bootstrap的元素拖拽

今天我们来分享一款非常实用的jQuery插件,这个jQuery插件的功能是帮助你快速的实现网页元素拖拽功能,在拖拽过程中,元素可以自动生成网页上的对象,比如表单输入框、下拉框等。这个拖拽插件的外观是基于jQuery UI和Bootstrap的,因此兼容性也还不错。

jquery-ui-bootstrap-drag-drop

在线演示源码下载