51Dev开发社区
登录 注册

#BootStrap

bootstrap-表单
Bootstrap提供了下列类型的表单布局：垂直表单（默认）内联表单水平表单 向父<form>元素添加role="form"。把标签和控件放在一个带有class.form-group的<div>中。这是获取最佳间距所必需的。向所有的文本元素<input>、<texta...
代码星球 ·2020-05-22

ASP.NET MVC使用Bootstrap系列（5）——创建ASP.NET MVC Bootstrap Helpers
阅读目录序言内置的HTMLHelpers创建自定义的Helpers使用静态方法创建Helpers使用扩展方法创建Helpers创建FluentHelpers创建自动闭合的Helpers小结回到顶部序言ASP.NETMVC允许开发者创建自定义的HTMLHelpers，不管是使用静态方法还是扩展方法。一个HTMLHelpe...
代码星球 ·2020-05-21

ASP.NET MVC使用Bootstrap系列（4）——使用JavaScript插件
阅读目录序言Data属性VS编程API下拉菜单（dropdown.js）模态框（modal.js）标签页（tab.js）工具提示（tooltip.js）弹出框（popover.js）手风琴组件（collapse.js）旋转木马组件（carousel.js）小结回到顶部序言Bootstrap的JavaScript插件是以...
代码星球 ·2020-05-21

ASP.NET MVC使用Bootstrap系列（3）——使用Bootstrap 组件
阅读目录Bootstrap导航条列表组徽章媒体对象页头路径导航分页输入框组按钮式下拉菜单警告框进度条小结Bootstrap为我们提供了十几种的可复用组件，包括字体图标、下拉菜单、导航、警告框、弹出框、输入框组等。在你的WebApplication中使用这些组件，将为用户提供一致和简单易用的用户体验。Bootstrap组...
代码星球 ·2020-05-21

ASP.NET MVC使用Bootstrap系统（2）——使用Bootstrap CSS和HTML元素
阅读目录Bootstrap栅格（Grid）系统BootstrapHTML元素Bootstrap验证样式ASP.NETMVC创建包含Bootstrap样式编辑模板小结Bootstrap提供了一套丰富CSS设置、HTML元素以及高级的栅格系统来帮助开发人员快速布局网页。所有的CSS样式和HTML元素与移动设备优先的流式栅格...
代码星球 ·2020-05-21

ASP.NET MVC使用Bootstrap系列（1）——开始使用Bootstrap
作为一名Web开发者而言，如果不借助任何前端框架，从零开始使用HTML和CSS来构建友好的页面是非常困难的。特别是对于WindowsForm的开发者而言，更是难上加难。正是由于这样的原因，Bootstrap诞生了。TwitterBootstrap为开发者提供了丰富的CSS样式、组件、插件、响应式布局等。同时微软已经完全...
代码星球 ·2020-05-21

基础入门Bootstrap
1、图片 2、布局、排版（之全局显示） 3、容器-网格-栅格系统   搭建的格式如下<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>编辑器</t...
代码星球 ·2020-05-21

深入理解BootStrap之栅格系统（布局）
 1、栅格系统（布局）Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。我在这里是把Bootstrap中的栅格系统叫做布局。它就是通过一系列的行（row）与列（column）的组合创建页面布局，然后你的内容就可以放入到你...
代码星球 ·2020-05-17

bootstrap fileinput 文件上传
最近因为项目需要研究了下bootstrapfileinput的使用，来记录下这几天的使用心得吧。前台html页面的代码<formrole="form"id="importFile"method="post"enctype="multipart/form-data"><divclass="row">...
代码星球 ·2020-05-16

【代码导读】Github 开源项目——wysihtml5 富编辑器（Bootstrap 风格）【一】
如果你经常留迹于各大论坛、博客，肯定对它们的富编辑器稍有印象。纯Javascript富编辑器可以说是前台JS脚本的巅峰作品。一款完整的编辑器，其复杂的功能，会让你遇到各种头痛的浏览器兼容问题，对JS功底要求非常之高。但各种经验总结，无数的解决方案，使得富编辑器能让JS爱好者们一次性、密集地学习到各种知认、技巧。目前已经...
代码星球 ·2020-05-16

BootStrapt iCheck表单美化插件使用方法详解（含参数、事件等） 全选 反选
特色：1、在不同浏览器(包括ie6+)和设备上都有相同的表现—包括桌面和移动设备2、支持触摸设备—iOS、Android、BlackBerry、WindowsPhone等系统4、方便定制—用HTML和CSS即可为其设置样式(多套皮肤)5、体积小巧—gzip压缩后只有1kb...
代码星球 ·2020-05-16

bootstrap-datepicker限定可选时间范围
此项目是 bootstrap-datetimepicker项目 的一个分支，原项目不支持 Time 选择。 其它部分也进行了改进、增强，例如load 过程增加了对ISO-8601日期格式的支持。 文档是拷贝/粘贴字原项目的文档，并且加入了更多细节说明...
代码星球 ·2020-05-13

Bootstrap初级用户谈谈网页在手机上的显示效果优化
本人之前已经使用Bootstrap有一段时间了，但是之前做出的网站都只是在电脑端使用，没有注意过手机端的显示效果。这两天自己使用Bootstrap做了一个简单的Web个人日志系统，想在手机端也使用，桌面端的效果勉勉强强，但是当用手机打开页面时，效果不忍直视。下面是其中一个界面的效果。桌面浏览器查看效果：手机浏览器查看效...
代码星球 ·2020-05-13

jQuery 实现Bootstrap Chart 图表
很多时候我们制作报表的时候需要图表，如果你使用bootstrap开发你的网站，如果你需要使用图表，那么最简单的方法就是就是使用bootstrap的chart.js来实现图表,下面介绍方法1<scriptsrc="Chart.js"></script>为了创建图表，我们要实例化一个Chart对象。...
代码星球 ·2020-05-13

bootstrap-datetimepicker时间控件
欢迎各种吐槽。本人小前端，学习过程中，某日遇到做时间控件的需求，于是无休止的召唤了度娘，发现看不太懂。算是为自己做个笔记，也便于菜鸟级别的看的懂。首先，我们看看点击选择时间的时候的展示页面吧年          &nbs...
代码星球 ·2020-05-13
首页上一页...1617181920...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他