为了账号安全,请及时绑定邮箱和手机立即绑定

怎么在页面里引入bootstrap的css和js文件

/ 猿问

怎么在页面里引入bootstrap的css和js文件

MM们 2019-02-26 01:01:37

怎么在页面里引入bootstrap的css和js文件


查看完整描述

2 回答

?
回首忆惘然


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

<!DOCTYPE html>

<html>

   <head>

      <title>Bootstrap 模板</title>

      <meta name="viewport" content="width=device-width, initial-scale=1.0">

      <!-- 引入 Bootstrap -->

      <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">

 

      <!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->

      <!-- 注意: 如果通过 file://  引入 Respond.js 文件,则该文件无法起效果 -->

      <!--[if lt IE 9]>

         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>

      <![endif]-->

   </head>

   <body>

      <h1>Hello, world!</h1>

 

      <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->

      <script src="https://code.jquery.com/jquery.js"></script>

      <!-- 包括所有已编译的插件 -->

      <script src="js/bootstrap.min.js"></script>

   </body>

</html>


 


查看完整回答
反对 回复 2019-03-07
?
收到一只叮咚

在页面里引入bootstrap的css和js文件的方法是通过modules的loader加载的。

1、加载js文件:

var path = require('path');

module.exports = {

   context: path.resolve('js'),

   entry: "./index",

   output: {

     path: path.resolve('build/js/'),

     publicPath: '/public/assets/js/',

     filename: "bundle.js"

   }

2、加载css文件

  {test: /\.css$/, loaders: 'style-loader!css-loader' , exclude: /node_modules/}

3、完整的写法:



查看完整回答
反对 回复 2019-03-07

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信