`
l4432848
  • 浏览: 255199 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

初识BootStrap

    博客分类:
  • java
 
阅读更多

声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权;凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。

初识BootStrap

1.简介:BootStrap是一个自适应式的ui框架,平时开发,对于呈现给用户的界面我们既要考虑到电脑端也要考虑到移动端,这样开发的时候难免思维会混乱,而且一般这都是要求开发两套界面出来的,耗时又耗力,但是BootStrap帮我们很好的解决了这个问题,它是自适应式的,无需我们设置,它会根据用户用的是电脑还是手机自行帮我们调节界面,我们只需专心开发一套界面即可。说到底,学习BootStrap其实就是在学习使用它的CSS样式和少量的JS。

2.下载:下载BootStrap直接在网站bootcss中下载即可,另外此网站提供了API文档,在学习使用BootStrap的时候可以参照上面的API文档:

image

image

3.使用:在Hbuild中创建工程后,如何在工程中使用这个框架呢,只需要将下载下来的压缩包解压然后复制到工程中:

image

image

然后在页面中引入相应的库即可:

image

4.表格示例:

image

image

image

5.表单示例:

image

image

有各种各样的表单样式,可以参照API文档自行选择。

0
0
分享到:
评论

相关推荐

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

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

    第一篇初识bootstrap

    Bootstrap是twitter的工程师在业余时间开发的,是一款目前非常流行的前端框架。本文给大家介绍第一篇初识bootstrap的相关知识,非常不错具有参考借鉴价值,感兴趣的朋友一起学习吧

    bootstrap学习笔记之初识bootstrap

    Bootstrap的核心理念是简洁、直观且强大,它旨在加速和简化网页设计与开发过程。 Bootstrap由Twitter开发并开源,其设计目标是创建一种能够快速响应、易于使用的界面。它基于Less,这是一个动态CSS语言,允许开发者...

    第一章之初识Bootstrap

    Bootstrap 是一个广泛使用的开源前端框架,由 Twitter 的工程师开发,旨在简化 Web 开发流程,尤其在构建响应式网站设计方面表现出色。它基于 HTML、CSS 和 JavaScript,提供了一套完整的设计系统,包括预定义的样式...

    《BootStrap实战》随书源码第1-3章

    第一章:初识Bootstrap 在这一章中,我们将探索Bootstrap的基础知识,包括其设计理念、网格系统、CSS样式和JavaScript组件。Bootstrap的核心在于其响应式设计,这意味着网页可以适应不同屏幕尺寸的设备,从小型手机...

    Bootstrap实战 (李雪松) 代码笔记 含目录

    #### 第1章:初识Bootstrap - **1.3 准备项目模板文件夹** - **HTML5样板文件HTML5 Boilerplate (H5BP)** - HTML5 Boilerplate是一个非常实用的前端开发框架,旨在帮助开发者快速构建高性能且兼容多种浏览器的...

    Bootstrap入门教程一Hello Bootstrap初识

    一、Bootstrap简介 Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap是基于 HTML5、CSS3和Javascriopt开发的,它在 jQuery的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并...

    第一次接触神奇的Bootstrap

    Bootstrap 是一个流行的前端开发框架,它为Web开发者提供了一套完整的工具集,包括CSS样式、JavaScript组件和响应式布局,以快速构建用户界面。在初次接触Bootstrap时,我们需要了解其基本使用方法和核心特性。 ...

    初识jQuery

    **初识jQuery** jQuery是一个广泛应用于Web开发的JavaScript库,它的设计目的是简化HTML文档遍历、事件处理、动画以及Ajax交互。自2006年发布以来,jQuery因其易用性和丰富的功能集,成为了开发者们的首选工具之一...

    初识laravel5

    目录结构变化 laravel5最先强调的是项目目录结构的变化,与4.2区别还是蛮大的,逐条来说吧。 新的目录结构看上去像这样: app  Commands  Console  Events  Handlers ...bootstrap config data

    JavaScript框架-4

    - **JQuery 初识**:JQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、Ajax交互以及动画效果。它封装了许多实用的方法,如选择器、筛选器和链式调用,使得开发者可以用更简洁的代码实现复杂的前端...

    tenio-phaserjs:这是基于Phaserjs的TenIO项目的客户端

    初识 维基 提供了实现级别的详细信息和常见问题的答案。 依存关系 jquery.min.js msgpack.min.js bootstrap.min.css bootstrap-theme.min.css phaser.min.js 执照 该项目目前已获得许可。 安装 您可以获取来源:...

    beginning web programming with html, xhtml, and css

    通过不断实践和学习,可以进一步探索响应式设计、移动优先策略、前端框架(如Bootstrap)以及更高级的JavaScript库和框架(如jQuery和React)。 总的来说,《初识Web编程:HTML、XHTML与CSS》将引导你走进Web开发的...

    我的笔记django!

    4. **初识Django (day15)** 这部分可能是对Django框架的简介,包括它的设计理念、优势以及与其它Web框架的比较。可能还涵盖了Django的快速启动指南,比如设置环境、创建项目和应用的步骤。 5. **数据类型和文件 ...

    各种样式菜单,前端设计必备

    图标菜单结合文字提供更直观的导航,特别是对于初识网站的用户。使用SVG图标或字体图标库(如Font Awesome)可以实现美观且可自定义的图标菜单。 5. **动画效果**: 动画可以增强用户体验,使菜单更具吸引力。...

Global site tag (gtag.js) - Google Analytics