- 综合排序
- 最热优先
- 最新优先
- 来自专栏全栈程序员必看
bootstrap使用教程_bootstrap 教程
像下面这个漂亮的网站就是基于 Bootstrap 来开发的。 bootStrap怎么用？ 先引入 bootstrap.min.css （Bootstrap的样式表文件） 然后引入自己写的 css 文件（style.css） 然后引入 jQuery（javascript 库） 最后引入 bootstrap.min.js "></script> </head> 第三步、使用bootStrap的样式表， bootstrap强大之处，在于，别人都设计好了的功能，你只需要熟悉别人的规则就可以直接使用！ 如果来学习一下bootStrap吧！ 使用导航条组件 导航条位于页面最顶部，提供整个网站所有页面的链接， <! 菜鸟教程，多练练，就好了； 还有BootStrap教程https://v3.bootcss.com/components/#nav 轮播图的实现 Bootstrap 自带了一个轮播组件—— Carousel
18.3K21编辑于 2022-11-07 - 来自专栏全栈开发工程师
【Bootstrap】001-Bootstrap入门
-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/<em>bootstrap</em>@ -- 可选的 <em>Bootstrap</em> 主题文件（一般不用引入） --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/<em>bootstrap</em> -- 最新的 <em>Bootstrap</em> 核心 JavaScript 文件 --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/ 复制到项目中 4、创建index.html并引入Bootstrap <! -- Bootstrap --> <link href="https://cdn.jsdelivr.net/npm/<em>bootstrap</em>@3.3.7/dist/css/<em>bootstrap</em>.min.css
57300编辑于 2025-01-06 - 来自专栏全栈程序员必看
bootstrap导航栏(bootstrap页面)
Bootstrap 导航 1. 定义导航组件 基本结构： <! class="disabled">微信
- 微博
3 绑定导航和下拉菜单 需要引用jquery.js和bootstrap.js -- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) --> <script src="https://cdn.staticfile.org/jquery/2.1.1 -- 包括所有已编译的插件 --> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js 激活标签页 引入jQuery和bootstrap-tab.js文件 在标签页结构基础上，添加内容包含框，通过tab-content定义，子内容框类为tab-pane 为每个内容框定义id值，并在标签列表项中为每个超链接绑定锚链接4.6K40编辑于 2022-08-01 - 来自专栏changxin7
BootStrap
Bootstrap。 Bootstrap环境搭建 目录结构： bootstrap-3.3.7-dist/ ├── css // CSS文件 │ ├── bootstrap-theme.css // Bootstrap ├── bootstrap-theme.min.css.map │ ├── bootstrap.css //引用的时候，引用这一个或者下面那个bootstrap.min.css文件就可以了 │ -- Bootstrap --> <link href="https://cdn.jsdelivr.net/npm/<em>bootstrap</em>@3.3.7/dist/css/<em>bootstrap</em>.min.css <em>Bootstrap</em>的栅格系统 container row column 注意事项： 使用<em>Bootstrap</em>的时候不要让自己的名字与<em>Bootstrap</em>的类名冲突。
6.3K30编辑于 2022-05-06 - 来自专栏eadela
Bootstrap
Bootstrap简介 什么是bootstrap? Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。 Bootstrap支持响应式布局! -- Bootstrap --> <link href="https://cdn.jsdelivr.net/npm/<em>bootstrap</em>@3.3.7/dist/css/<em>bootstrap</em>.min.css -- <em>Bootstrap</em> --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css -- Bootstrap --> <link href="https://cdn.jsdelivr.net/npm/<em>bootstrap</em>@3.3.7/dist/css/<em>bootstrap</em>.min.css -- <em>Bootstrap</em> --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css
7.5K30发布于 2019-09-29 - 来自专栏安卓圈
bootstrap
花了一天时间学了下bootstrap入门，想必大家用css写前端页面的时候都很痛苦，bootstrap就是来解决这个问题的，它封装了css的很多样式，开发的时候直接拿来用就可以了，提高了开发效率 bootstrap -- Bootstrap --> <link href="css/<em>bootstrap</em>.min.css" rel="stylesheet"> <! -- Bootstrap --> <link href="css/<em>bootstrap</em>.min.css" rel="stylesheet"> <! -- Bootstrap --> <link href="css/<em>bootstrap</em>.min.css" rel="stylesheet"> <! -- Bootstrap --> <link href="css/<em>bootstrap</em>.min.css" rel="stylesheet"> <!
3.8K30发布于 2019-09-26 - 来自专栏Hammer随笔
BootStrap
弹框 模态框 BootStrap BootStrap官网 中文文档 Bootstrap框架有很多样式，直接CV微调使用 Bootstrap的样式绝大部分都是通过class来调节的 Bootstrap /3.4.1/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.bootcdn.net/ajax/libs/twitter-<em>bootstrap</em> /3.4.1/js/<em>bootstrap</em>.min.js"></script> <script sre="E:\web组件\<em>Bootstrap</em>-test\<em>bootstrap</em>.min.js"></script > <link rel="stylesheet" href="E:\web组件\<em>Bootstrap</em>-test\<em>bootstrap</em>.min.css"> <style> .c1 中是默认的（还记得 Bootstrap 是移动设备优先的吗？）
4.1K10编辑于 2022-03-25 - 来自专栏授客的专栏
Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结
-- Bootstrap --> <link rel="stylesheet" type="text/css" href="{% static 'website/<em>bootstrap</em>-3.3.7-dist /css/<em>bootstrap</em>.min.css' %}" /> <! --> <script type="text/javascript" src="{% static 'website/<em>bootstrap</em>-3.3.7-dist/js/<em>bootstrap</em>.min.js' -- <em>Bootstrap</em>-Table --> <link rel="stylesheet" type="text/css" href="{% static 'website/<em>bootstrap</em>-table <em>bootstrap</em>-table-1.12.1-dist/<em>bootstrap</em>-table.min.js' %}" defer></script> <!
14.2K20发布于 2019-09-10 Bootstrap 介绍
Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包，该框架能帮助我们快速开发 web 页面以及响应式网站，我们能够使用 Bootstrap 预先定义好的 class 进行样式书写 DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>bootstrap</title> <link rel ="stylesheet" type="text/css" href="css/<em>bootstrap</em>.css"> </head> <body> <div class="navbar-sixed-top </h1> <p>This is an example to show the potential of an offcanvas layout pattern in <em>Bootstrap</em>
2.1K50编辑于 2024-03-23- 来自专栏ops技术分享
AngularJS Bootstrap
AngularJS 的首选样式表是 Twitter Bootstrap， Twitter Bootstrap 是目前最受欢迎的前端框架。 Bootstrap 你可以在你的 AngularJS 应用中加入 Twitter Bootstrap，你可以在你的 <head>元素中添加如下代码: <link rel="stylesheet" href ="//maxcdn.bootstrapcdn.com/<em>bootstrap</em>/3.3.4/css/<em>bootstrap</em>.min.css"> 以下是一个完整的 HTML 实例, 使用了 AngularJS 指令和 Bootstrap 类。 DOCTYPE html> <html> <link rel="stylesheet" href="http://apps.bdimg.com/libs/<em>bootstrap</em>/3.3.4/css/<em>bootstrap</em>.min.css
5.2K20发布于 2021-07-26 - 来自专栏sktj
bootstrap 代码
DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 代码</title> <link rel="stylesheet " href="https://cdn.staticfile.org/twitter-<em>bootstrap</em>/3.3.7/css/<em>bootstrap</em>.min.css"> <script src="https cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-<em>bootstrap</em> /3.3.7/js/<em>bootstrap</em>.min.js"></script> </head> <body>
- 来自专栏程序编程之旅
【BootStrap】Bootstrap简介、环境安装与基本模板
转载请注明出处：http://blog.csdn.net/qq_26525215 本文源自【大学之旅_谙忆的博客】 BootStrap简介 什么是BootStrap 它由Twitter的设计师 （使用BootStrap前需要先导入JQurey） Bootstrap有什么样的特点？ 学习比较简单，只要有了一定的HTML、CSS、JS基础，就可以学习。 响应式布局。 Bootstrap环境安装 下载网址: BootStrap3: http://v3.bootcss.com/ BootStrap4: http://v4.bootcss.com/ ? ? 要想使用Bootstrap必须要先加载jquery。 Bootstrap基本模板 HTML5文档类型定义 Boostrap的文档是基于HTML5的。因此，要使用HTML5的文档类型定义(DTD)。 <script type="text/javascript" src="<em>bootstrap</em>3/js/<em>bootstrap</em>.min.js" ></script> </head> <body></body>
76220发布于 2021-01-21 - 来自专栏sktj
bootstrap 自动补全插件Bootstrap Typeahead 组件
使用 Bootstrap Typeahead 组件 Bootstrap 中的 Typeahead 组件就是通常所说的自动完成 AutoComplete，功能很强大，但是，使用上并不太方便。 当然了，你还必须提供 bootstrap-typeahead.js 脚本。 [ ? important;"><html> <head> <link href="<em>bootstrap</em>.min.css" rel="stylesheet" type="text/css" /> </head important;"><html> <head> <link href="<em>bootstrap</em>.min.css" rel="stylesheet" type="text/css" /> </head important;"><html> <head> <link href="~/Content/dist/css/<em>bootstrap</em>.min.css" rel="stylesheet" /> </
3.4K20发布于 2019-10-14 - 来自专栏用户1880875的专栏
bootstrap-react或者bootstrap-vue
Bootstrap 这种用 CSS composition（也就是类名组合）的库，没办法上 React 获得任何的优势吧。 现在你也可以在 React 组件中用一堆 Bootstrap 的 CSS 类啊，写在 className 就可以了…… 第二种上 React 的思路是提供 React 组件。 那 Bootstrap 能提供什么类型的组件呢？如果还是提供 CSS 的话，那就必须要支持同样的 composition。那 React 中 composition 怎么做呢？HOC 咯。 Bootstrap 的 JavaScript 功能很少，一个 jQuery 就解决了，甚至现在很多人喊着 Bootstrap 要出一个不依赖 jQuery 的版本，那是不太需要以组件的方式进行封装的。
64530发布于 2021-07-27 - 来自专栏十月梦想
bootstrap表格
bootstrap提供了几种表格的样式: 条纹表格.table-striped(作用在table的class类名),实现隔行换色
tr>
状态的class类名加载表格的tr里,bootstrap 库,bootstrap的某些js效果依靠于jquery因此写入的时候先进行引入jquery和bootstrap,之前提过cdn方式的引入,下面重新说一遍. cdn方式引入bootstrap,引入之前需要先进行引入 -- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.bootcss.com/<em>bootstrap</em>/3.3.7 /css/<em>bootstrap</em>.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u1 2 3 2.5K20发布于 2018-08-29 - 来自专栏Hammer随笔
BootStrap使用
BootStrap基本使用 图书管理系统界面 示例代码 <! libs/jquery/3.4.1/jquery.min.js"></script> <link href="https://cdn.bootcdn.net/ajax/libs/twitter-<em>bootstrap</em> /3.4.1/css/<em>bootstrap</em>.min.css" rel="stylesheet"> <script src="https://cdn.bootcdn.net/ajax/libs/twitter-<em>bootstrap</em> /3.4.1/js/<em>bootstrap</em>.min.js"></script> </head> <body> <!
86320编辑于 2022-03-25 - 来自专栏sktj
bootstrap 折叠
<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo"> 简单的可折叠组件 </button>
2.6K20发布于 2019-07-05 - 来自专栏sktj
bootstrap tooltip
联想控股</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/<em>bootstrap</em>.css stylesheet" type="text/css"> <script src="http://code.jquery.com/jquery.js"></script> <script src="js/<em>bootstrap</em>.min.js
1.5K30发布于 2019-07-07 - 来自专栏sktj
bootstrap 教程
1、引用： <link href="https://cdn.staticfile.org/twitter-<em>bootstrap</em>/3.3.7/css/<em>bootstrap</em>.min.css" rel="stylesheet cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-<em>bootstrap</em> /3.3.7/js/<em>bootstrap</em>.min.js"></script> 2、在<head>中添加meta，以使支持移动设备： <meta name="viewport" content="width
1.2K20编辑于 2022-01-10
腾讯云开发者
