`

30天了解30种技术系列---(22) Bootstrap在线编辑器4款

阅读更多

 

  

   Bootstrap 目前是比较流行的网站开发框架,今天我们来介绍几个Bootstrap的在线编辑器。

   Bootply

    

 

Bootply被称为是Bootstrap的活动平台。它不但是一个Bootstrap的编辑器和生成器,同时也拥有非常广泛的代码库。该编辑器可以让你拖拽Bootstrap组件并可以编辑你自己的代码。

Bootply 同时也整合了其他流行的Bootstrap插件,微型代码库和框架。你也可以借助其他工具的使用像Font Awesome, jQuery + jQuery UI, Bootstrap Select, FuelUX, AngularJS, Google Maps 等等。

 

价格:免费 / 每个月$4可下载源代码

Brix.io



 Brix 是一个强大而且时尚的在线Bootstrap生成器,它能够帮助你快速的制作响应式界面和网站。

 

Brix可生成易于阅读,格式良好的HTML,CSS和JS为所有托管服务器或其他编辑器使用。

 

Brix可以让你和任何地方的团队成员同时开发项目。

 

同时开发和讨论可以使工作更加的简单,方便和高效。。

价格:每个月$14.90-$49.90

 

Jetstrap



    

Jetstrap是 Bootstrap 3的一个优质的基于web的界面生成工具,它帮助开发者和设计师提高网站的运行速度。你可以在任何地方任何设备上展开你的工作。

Jetstrap 允许你拖拽 Bootstrap组件到生成器并可用代码进行编辑。标记清晰的代码用法以及复杂组件的快速应用,可以让你不用深究开发文档。

 

 

价格:每个月$16-$99

 

LayouIt



 

 

LayoutIt 是一个简单但是高效的Bootstrap界面生成器,它可以让你的前端开发更简单。你可以从零开始或者使用基本的模板开始。

 

可以简单的把Bootstrap元素拖拽到面板上并可下载HTML。之后,你可以添加你自己的样式并且可以将它整合到其他编程语言中

 

   更多精彩请关注微信 : 图灵搜索

   请大家使用中国第一个为程序员打造的搜索引擎:图灵搜索,https://www.tulingss.com

 

  • 大小: 52.5 KB
  • 大小: 44.3 KB
  • 大小: 58.6 KB
  • 大小: 80 KB
2
1
分享到:
评论

相关推荐

    视频案例-1.初识Bootstrap_美联英语_视频案例-1.初识Bootstrap_

    初识Bootstrap”是美联英语在线VIP-6%2B课程体系的一部分,旨在帮助学习者掌握Bootstrap的基本概念和应用技巧。 Bootstrap是由Twitter开发并开源的,它提供了一系列预先设计的CSS样式、JavaScript组件和字体图标,...

    bootstrap3-editable-1.5.1.zip 就地编辑 ,行内编辑

    Bootstrap3-Editable 1.5.1 是一个用于实现就地编辑(In-Place Editing)功能的库,特别适用于在Web应用中对表格、列表等元素进行快速编辑。这种技术允许用户直接在页面上修改数据,而无需跳转到单独的编辑页面,...

    bootstrap-table-export.js bootstrap-table表格导出js

    bootstrap-table-export.js bootstrap-table表格导出js

    bootstrap-editable.zip

    可编辑bootstrap-table及相关组件:bootstrap3、bootstrap-table相关、bootstrap-table-editable.js、bootstrap-editable.js、bootstrap-editable.css; 配合起来,可以实现可编辑bootstrap-table列表。代码实现: ...

    bootstrap-datepicker-1.9.0_bootstrap源码_

    在本资源中,我们关注的是`bootstrap-datepicker-1.9.0`,这是一个针对Bootstrap框架的日期选择器插件。这个插件允许用户以美观、易用的方式选择日期,常见于各种表单输入和日历应用。 Bootstrap Datepicker是基于...

    bootstrap4-editable.7z

    压缩包中的“bootstrap-editable.js”就是实现这一功能的关键文件,它集成了x-editable插件,使得BootstrapTable具备了行内编辑的能力。 首先,我们需要在HTML文件中引入必要的库,包括Bootstrap CSS和JS,...

    angular-bootstrap-nav-tree, 在 Bootstrap"nav" 列表中,创建基于树的一个AngularJS指令.zip

    angular-bootstrap-nav-tree, 在 Bootstrap"nav" 列表中,创建基于树的一个AngularJS指令 angular-bootstrap-nav-tree这是使用 Bootstrap CSS的Angular JS应用的树形指令。示例:...

    x-editable行内编辑bootstraptable所需包

    1. `bootstrap-editable.css`: 这是`x-editable`的主要样式文件,定义了编辑框的外观,包括位置、大小、颜色等样式属性。 2. `bootstrap-editable.js`: 这是`x-editable`的核心JavaScript库,实现了编辑功能的逻辑。...

    bootstrap-3.4.1-dist.zip,bootstrap-4.6.1-dist.zip

    Bootstrap 3.4.1是Bootstrap 3系列的最后一个维护版本。这个版本依然广泛使用,尤其是对于那些不想或者不能升级到新版本的项目。它强调了一致性、易于定制和优秀的设计。Bootstrap 3的核心组件包括网格系统、表单、...

    bootstrap-table可编辑下拉框editable js及css及bootstrap-table-editable.js以及使用实例

    `bootstrap-editable`是Twitter Bootstrap的一个编辑器插件,它提供了一种方便的方式来实现元素的即时编辑。它支持多种类型的输入,如文本、选择框、日期等,其中就包括了下拉框(select)编辑类型。这个功能使得...

    angular-bootstrap-confirm, 显示 Bootstrap 确认 popover ( 没有jQuery或者 Bootstrap JS ) !.zip

    angular-bootstrap-confirm, 显示 Bootstrap 确认 popover ( 没有jQuery或者 Bootstrap JS ) ! Angular Bootstrap 确认 table-内容关于安装工具文档文档演示工具开发工具许可协议单击元素时显示 Bootstrap 样式确认...

    管理系统系列--springboot-bootstrap 后台管理系统.zip

    【标题】"管理系统系列--springboot-bootstrap 后台管理系统.zip" 涉及的主要知识点是Spring Boot和Bootstrap在构建后台管理系统的应用。Spring Boot是Java领域一个流行的微服务框架,而Bootstrap则是一种广泛使用的...

    bootstrap-4.1.3-dist

    这个"bootstrap-4.1.3-dist"压缩包包含了Bootstrap 4.1.3版本的基础资源文件,适用于快速集成到你的Web开发项目中。 在Bootstrap 4.1.3版本中,主要包含以下关键组件和功能: 1. **CSS**:压缩包内的`css`目录提供...

    bootstrap3-editable

    Bootstrap3-Editable是一款基于Bootstrap框架的插件,主要用于在Bootstrap表格中实现行内编辑功能。这个插件使得用户可以直接在表格的每一行中编辑数据,而无需跳转到新的页面或者打开模态框,极大地提高了用户体验...

    swagger-bootstrap-ui-1.9.6-API文档-中文版.zip

    赠送jar包:swagger-bootstrap-ui-1.9.6.jar; 赠送原API文档:swagger-bootstrap-ui-1.9.6-javadoc.jar; 赠送源代码:swagger-bootstrap-ui-1.9.6-sources.jar; 赠送Maven依赖信息文件:swagger-bootstrap-ui-...

    bootstrap-table-editable.js/css

    压缩包里面有: 1.bootstrap-table-editable.js 2.bootstrap-editable.js 3.bootstrap-editable.css 用于bootstrap table实现x-editable的行单元格编辑

    bootstrap--edittable(css,js).rar

    bootstrap实现单元格编辑的css与js。。bootstrap-editable.css bootstrap-editable.js bootstrap-table-editable.js

    bootstrap-table-fixed-columns(css,js)

    这个项目的扩展`bootstrap-table-fixed-columns`专注于解决在大表格中固定首列或首行的问题,使得在滚动时这些重要列始终保持可见,提高用户在浏览长表格时的可读性和交互性。在网页设计中,尤其是在数据密集型应用...

    bootstrap-datepicker1.9.0.zip

    这个压缩包"bootstrap-datepicker1.9.0.zip"包含了版本1.9.0的源代码和其他相关资源,使得开发者能够轻松地在Bootstrap框架基础上实现日期输入的交互增强。以下是关于这个插件的详细知识点: 1. **Bootstrap集成**...

    bootstrap-table-editable.js+bootstrap-editable.js+bootstrap-editable.css

    压缩包里面有: 1.bootstrap-table-editable.js 2.bootstrap-editable.js 3.bootstrap-editable.css 用于bootstrap table实现x-editable的行单元格编辑

Global site tag (gtag.js) - Google Analytics