精华内容
下载资源
问答
  • Bootstrap框架

    2016-05-27 09:07:44
    bootstrap框架包含四个基本部分: 1.脚手架:用于重置背景、链接样式、栅格系统等,并包含两个简单的布局结构。Bootstrap的样式使用了lesscss技术,比如重置背景这样的操作,这些比较简单我就不展开叙述了,脚手架里...

    bootstrap框架包含四个基本部分:
      1.脚手架:用于重置背景、链接样式、栅格系统等,并包含两个简单的布局结构。Bootstrap的样式使用了lesscss技术,
    比如重置背景这样的操作,这些比较简单我就不展开叙述了,脚手架里最出彩的是栅格系统和布局。栅格系统是将页面宽度分成12列,
    栅格系统分为两种类型,一种是默认栅格系统,这时候栅格系统是按940px像素进行等分,我们可以使用span1,span4这样的class属性操作默认栅格布局,
    另一种是流式栅格系统,这个时候分列的宽度就不是固定,而是根据你可视页面进行12等分,同样可以使用span1,span4操作流式栅格。
    这个系统非常之好,做css最难的就是div布局,使用栅格系统可以大大简化div的布局操作。另外一个就是做布局操作了,
    布局也分为固定和流式,让不太精通css布局也能轻松操作布局。
      2.基本的css样式。Bootstrap给出了一样常用的HTML元素的样式,例如:按钮、表单和文字等等。
    大部分做网站的人都不是美工出身,做出赏心悦目的网页是件很困难的事情,css提供的样式很专业很精美,
    能让我们轻松开发出一套精美的网站
      3.Css组件:Bootstrap还提供一些常用的css组件,同样很优秀很棒。
      4.Javascript插件:Bootstrap是个开放的系统,我们可以随意扩展Bootstrap,特别是javascript的框架,
    这样Bootstrap就会更加专业。


    展开全文
  • bootstrap 框架

    千次阅读 2017-10-05 18:07:42
    bootstrap是什么:是目前很受欢迎的前端框架bootstrap 史基于html、css、JavaScript的,它简洁灵活使得web开发。是一个css和html框架,规范了html和css。 bootstrap 的特点:Bootstrap是基于HTML5和CSS3开发的,...

    bootstrap是什么:是目前很受欢迎的前端框架。bootstrap 史基于html、css、JavaScript的,它简洁灵活使得web开发。是一个css和html框架,规范了html和css。

    bootstrap 的特点:Bootstrap是基于HTML5CSS3开发的,它在jQuery的基础上进行了更为个性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。

    Bootstrap的内容:

    • 基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在Bootstrap 基本结构部分详细讲解。
    • CSS:Bootstrap 自带以下特性:全局的 CSS设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。这将在Bootstrap CSS部分详细讲解。
    • 组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在布局组件部分详细讲解。
    • JavaScript 插件:Bootstrap包含了十几个自定义的jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。这将在Bootstrap插件部分详细讲解。
    • Bootstrap自带了13个jQuery插件,这些插件为Bootstrap中的组件赋予了“生命”。其中包括:
      模式对话框、标签页、滚动条、弹出框

    • 定制:您可以定制Bootstrap的组件、LESS 变量和jQuery 插件来得到您自己的版本。
    bootstrap的作用:简单点说:是一个快速搭建网站前台页面的开源项目(基于Jquery)。你只需要了解相关的class、标签名称等所代表的意思,然后在构建页面的时候,导入bootstrap的JS、css等,它就会去表现相应的效果出来:
    比如HTML说明:缩略语;当鼠标悬停在缩写和缩写词上时就会显示完整内容,Bootstrap实现了对HTML 元素的增强样式。 缩略语元素带有title属性,外观表现为带有较浅的虚线框,鼠标移至上面时会变成带有“问号”的指针。当你需要段落文字某个单词或者词语需要有上面的那种效果,你就那样按照那种格式写就好了,附加的class=“initialism”是让字号更小一点,也可以不要。反过来说:如果你不试用bootstrap的东西或者其他类似的框架,那你就得自己写这样的效果,开发时间长。再比如Jquery的easyui,也是差不多道理。

    展开全文
  • <meta name="viewport" content="width=device-width, initial-scale=1.0">
  • Bootstrap 框架

    千次阅读 2013-01-27 14:18:05
    提供一个固定宽度的布局(如果引用了bootstrap-responsive.css的话,也能自动改变宽度)。 ... 流动网格系统(Fluid Grid System) 列 流动网格中列的宽度使用百分比来控制的。只需将行....

    默认网格系统(Default Grid System)


    提供了12列的网格系统,从.span1到.span12。可向.row添加合适的列来组成一行。
    <div class="row">
      <div class="span4">...</div>
      <div class="span8">...</div>
    </div>

    偏移

    同时也提供.offset1到.offset12进行列的偏移,下面两行所占宽度是一样的。
    <div class="row">
      <div class="span4">...</div>
    </div>
    <div class="row">
      <div class="span3 offset1">...</div>
    </div>

    嵌套

    也可以对列进行嵌套。
    <div class="row">
      <div class="span9">
        Level 1 column
        <div class="row">
          <div class="span6">Level 2</div>
          <div class="span3">Level 2</div>
        </div>
      </div>
    </div>

    布局

    提供一个固定宽度的布局(如果引用了bootstrap-responsive.css的话,也能自动改变宽度)。
    <body>
      <div class="container">
        ...
      </div>
    </body>

    流动网格系统(Fluid Grid System)


    流动网格中列的宽度使用百分比来控制的。只需将行.row改成.row-fluid即可。
    <div class="row-fluid">
      <div class="span4">...</div>
      <div class="span8">...</div>
    </div>

    偏移

    同样,流动网格系统也提供列的偏移。也只需改变将行改成.row-fluid。

    嵌套

    值得注意的是,列的嵌套表现就不一样了。嵌套的列的宽度会根据上一级的列的宽度改变。下面的Level3-Fluid6的宽度就只有Level2-Fluid6的一半。
    <div class="row-fluid">
      <div class="span12">
        Fluid 12
        <div class="row-fluid">
          <div class="span6">
            Level2-Fluid6
            <div class="row-fluid">
              <div class="span6">Level3-Fluid6</div>
              <div class="span6">Level3-Fluid6</div>
            </div>
          </div>
          <div class="span6">Level2-Fluid6</div>
        </div>
      </div>
    </div>

    布局

    提供百分比宽度的布局。比较适合应用程序和文档。
    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span2">
          <!--Sidebar content-->
        </div>
        <div class="span10">
          <!--Body content-->
        </div>
      </div>
    </div>

    展开全文
  • bootstrap框架海贼王动漫网页制作作品介绍作品预览作品地址 作品介绍 本作品为基于bootstrap框架制作的响应式自适应网页,可自适应PC、移动端。网页题材为海贼王,整个成品共4个页面,包括:首页、图文介绍页面、...

    bootstrap框架海贼王动漫网页制作

    作品介绍

    本作品为基于bootstrap框架制作的响应式自适应网页,可自适应PC、移动端。网页题材为海贼王,整个成品共4个页面,包括:首页、图文介绍页面、视频页面、音乐播放器页面。
    首页有轮播大图和图片列表板块,介绍页面为基础图文内容,视频页面使用H5标签插入视频,音乐页面为音乐播放器页面,点击可以在线播放音乐。

    作品预览

    海贼王网页
    介绍页面
    视频介绍页面
    音乐播放页面

    作品地址

    stu-works.com/html/dongman/355.html

    展开全文
  • 前端bootstrap框架项目一套,这是我半年web前端bootstrap框架的学习成果,好不好自己可以感觉到
  • Bootstrap框架介绍

    千次阅读 2018-08-01 22:50:02
    Bootstrap框架介绍 什么是相应式页面or自适应页面? 1.Bootstrap使用方法 1.1下载 1.2复制基本模板 2.基本模板 3.组件和插件有什么区别? 3.全局CSS样式 3.1 布局容器 3.2 栅格系统 3.3 表格table 3.4 表单 ...
  • 初步使用bootstrap框架

    千次阅读 2016-10-21 08:46:27
    初步使用bootstrap框架
  • BootStrap框架引用

    2018-07-13 22:16:16
    虽然个人不是很喜欢用BootStrap框架,但还是要会用的!使用bootstrap先去官网下载:bootstrap下载官网这里下载第一个就行了然后下载jQuery.js,因为bootstrap用到了jquery,jQuery下载官网,一般我们学习用普通版,min版是...
  • Bootstrap框架基础入门

    2020-08-24 15:55:42
      Bootstrap 是非常流行的前端框架。特点是:灵活简洁、代码优雅、美观大方。它是由Twitter的两名工程师 Mark Otto 和 Jacob Thornton 在2011年开发的。   简单来说,Bootstrap 让 Web 开发更简单、更快捷。使用...
  • 什么是bootstrap框架

    2019-09-10 14:10:20
    1.什么是BootStrap框架 Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的前端框架,之所以它能够帮我们快速构建一个前端应用是因为它实现了很多默认的网页...
  • vue中使用bootstrap框架

    千次阅读 2019-07-01 22:50:53
    vue中使用bootstrap框架基本介绍第一步,引入jQuery。第二步 引入bootstrap框架 基本介绍 bootstrap框架基于jQuery,要想使用bootstrap框架,就得先引入jQuery。 第一步,引入jQuery。 在项目的根目录下,使用命令:...
  • python-Bootstrap框架

    千次阅读 2019-02-28 23:15:34
    什么是Bootstrap框架?2.学习网站3.新闻网站注册登陆界面1)实现登陆界面2)实现注册界面 1.什么是Bootstrap框架? Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、 CSS、JavaScript 开发的...
  • 五套超级漂亮的bootstrap框架写的后台管理模板

    千次下载 热门讨论 2013-06-08 15:12:03
    五套超级漂亮的bootstrap框架写的后台管理模板,全是html页面,给不熟悉前端的开发人员提供很大方便
  • bootstrap框架的基本使用

    千次阅读 多人点赞 2019-10-22 12:56:34
    bootstrap框架 Bootstrap ,来自 Twitter,是目前很受欢迎的前端框架,主要应用于响应式开发。 特点: 组件简洁大方、代码规范精简、界面自定义性强。 Bootstrap是基于HTML5和CSS3开发的, js功能效果依赖于 jQuery ...
  • ssm框架,包含登录,页面展示,数据添加等,前台使用bootstrap框架
  • bootstrap框架使用笔记

    2018-04-25 19:12:49
    bootstrap框架是一个集HTML和css为一体的前端框架,详细的应用可参照API:bootstrapAPI文档链接1. 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询,如果不需要用可以移除 。 &lt;script src=...
  • Bootstrap框架的配置

    千次阅读 2016-09-29 18:25:00
    Bootstrap是响应式设计的框架,想具体的了解自己百度。下面直接直接进入主题——Bootstrap...把里面三个文件复制到项目里面,覆盖原有的文件夹。如果不想下载Bootstrap框架,你也可以使用CND加速服务。五、由于Boots
  • 进入Bootstrap 管网 (https://getbootstrap.com) 找到 Download (下载) 保存到自己找的到的文件夹存放 bootstrap 框架。 下载之后 把下载好的框架文件解压,复制进要使用它的目标文件夹里。 再新建...
  • 如何使用bootstrap框架

    千次阅读 2018-10-27 23:38:57
    使用bootstrap框架 第一步就是引入bootstarp的两个必要的文件,一个是CSS文件,而另一个就是JS文件,bootstrap里面的组件和样式都是基于这两个文件才生效的。常用的安装bootstrap有两种,第一种方式就是使用线上的...
  • 5套用bootstrap框架写的后台管理模板

    热门讨论 2014-09-17 18:09:27
    Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。... 这是5套用bootstrap框架写的后台管理模板,十分精美。
  • bootstrap框架之栅格布局

    千次阅读 2018-03-21 21:07:17
    bootstrap框架之栅格布局1、使用bootstrap的框架时,CSS样式引用错误但浏览器不会检查出错误,所以可以使用一个bootlint工具。要加入文档,只需加入以下代码:javascript:(function(){var s=document.createElement...
  • 如何使用bootstrap框架做一个比较复杂的静态页面,领导要求根据ui给的ppt提炼公共组件,是什么意思???求指教
  • bootstrap框架制作网页

    千次阅读 多人点赞 2019-05-15 19:27:23
    课程设计要做一个html网页,自己做的css样式实在是不堪入目,所以用了bootstrap框架,现总结如下: (1):下载bootstrap: 点击下载后: 下载解压后得到如下文件: (2):将这个文件导入你的项目中,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 106,883
精华内容 42,753
关键字:

bootstrap框架