第一步 ；下载 bootstrap  jquery  ppper.js

npm install bootstrap@4.0.0-beta.2 jquery popper.js --save

第二步：

打开packge.json    看是否导入：

第三步：配置：到：angular-cli.json        -------dao  node.medles 中找到 bootstrap 包

 "styles.css"

        "../node_modules/bootstrap/dist/css/bootstrap.css"

      ],

      "scripts": [

        "../node_modules/jquery/dist/jquery.js",

        "../node_modules/popper.js/dist/popper.js",

        "../node_modules/bootstrap/dist/js/bootstrap.js"

      ],
 
 "styles.css"
  "../node_modules/bootstrap/dist/css/bootstrap.css"
],
"scripts": [
  "../node_modules/jquery/dist/jquery.js",
  "../node_modules/popper.js/dist/popper.js",
  "../node_modules/bootstrap/dist/js/bootstrap.js"
],
												


											
angularjs 整合 bootstrap的更多相关文章
	

    
						
  1. angularjs 整合bootstrap 时间控件
		
    一.引入js <link href="${basePath}/static/plugin/bootstrap/css/bootstrap-datetimepicker.min.css& ...
    
		
    2. 
								
  2. ThinkPHP 整合Bootstrap Ajax分页
		
    ThinkPHP Ajax分页代码 publicfunction index() { $where=array(); $name = I('name'); if(!empty($name)){ $wh ...
    
		
    3. 
						
  3. Angularjs与bootstrap.datetimepicker结合实现日期选择器
		
    http://www.lovelucy.info/angularjs-best-practices.html http://damoqiongqiu.iteye.com/blog/1917971 ht ...
    
		
    4. 
						
  4. AngularJs + angular-ui-router + bootstrap  实现blog基础导航功能
		
    AngularJs + angular-ui-router + bootstrap 实现blog基础导航功能 核心代码如下 1.index.html <!DOCTYPE html> < ...
    
		
    5. 
						
  5. 【AngularJS】AngularJS整合Springmvc、Mybatis环境搭建
		
    近期想学习AngularJS的使用,网上搜了一圈后,折腾了半天解决bug后,成功使用AngularJS整合Springmvc.Spring.Mybatis搭建了一个开发环境.(这里Spring使用的版 ...
    
		
    6. 
						
  6. AngularJS中bootstrap启动
		
    对于一般的使用者来说,AngularJS的ng-app都是手动绑定到某个dom元素.但是在一些应用中,这样就显得很不方便了 绑定初始化 通过绑定来进行angular的初始化,会把js代码侵入到html ...
    
		
    7. 
						
  7. 新建一个angularjs+requirejs+bootstrap+typescript+gulp+vscode+git的项目
		
    环境 windows 10 准备工具 Visual Studio Code Node.js Git 需求 必须支持IE8 步骤开始: 执行命令行工具 mkdir Demo && cd  ...
    
		
    8. 
						
  8. angularjs封装bootstrap官网的时间插件datetimepicker
		
    背景:angular与jquery类库的协作 第三方类库中,不得不提的是大名鼎鼎的jquery,现在基本上已经是国内web开发的必修工具了.它灵活的dom操作,让很多web开发人员欲罢不能.再加上已经 ...
    
		
    9. 
						
  9. AngularJS(12)-BootStrap集成
		
    AngularJS 的首选样式表是 Bootstrap, Bootstrap 是目前最受欢迎的前端框架. <!DOCTYPE html> <html lang="en&qu ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. win32 MSG 值
			
    转自:https://autohotkey.com/docs/misc/SendMessageList.htm WM_NULL = 0x00 WM_CREATE = 0x01 WM_DESTROY = ...
    
			
    2. 
						
  2. test20180907 day1
			
    T1 256MB,1Sec T2 512MB,3Sec T3 512MB,1Sec 总分:150 试题一 餐馆 题目背景 铜企鹅是企鹅餐馆的老板,他正在计划如何使得自己本年度收益增加. 题目描述 共有 ...
    
			
    3. 
						
  3. PHP写的手机端网站，可以打包成app吗，怎么打包？
			
    8:13:36 沐歌-重庆 2018/1/19 8:13:36 PHP写的手机端网站,可以打包成app吗,怎么打包 风太大-淮安 2018/1/19 8:14:58 变色龙 沐歌-重庆 一般用什么打包 ...
    
			
    4. 
						
  4. dell support
			
    部門營業時間 電話號碼訂單支援中小型企業 (員工不多於 500名 )00852-3416-0910 9:00 - 18:00 訂單編號:  810607806 訂單日期:  26/11/2014 客戶 ...
    
			
    5. 
						
  5. RAC6——crsctl 和 srvctl 命令的区别理解
			
    Oracle Clusterware提供了丰富的工具,我们把常用的工具按照rac的四层机构做了划分,然后分别介绍: 节点层: olsnodes 参数-n -i -p 网络层: oifcfg 四个子命令 ...
    
			
    6. 
						
  6. file-loader 与 url-loader 的区别
			
    url-loader是对file-loader的一个封装,比如webpack中对图片的加载器配置 {test: /\.(png|jpg)$/, loader: 'url-loader?limit=81 ...
    
			
    7. 
						
  7. Centos7安装killall,fuser, killall,pstree和pstree.x11
			
    centos7精简安装后,使用中发现没有killall命令. 经查找,可以通过以下命令解决: yum -y install psmisc 简单介绍一下 psmisc : Psmisc软件包包含三个帮助 ...
    
			
    8. 
						
  8. 二分法查找 （Binary Search）
			
    二分法查找适用于排列有序的数据.java实现方法如下: // Find the location of a value in array a // Array a must be sorted //  ...
    
			
    9. 
						
  9. 解决eclipse中断点调试不起作用的问题
			
    解决eclipse中断点调试不起作用的问题   eclipsegeneration编译器file工作 最近几天,遇到了一个问题,就是在eclipse中进行断点调试程序到时候,跟踪不到我设置的断点.困惑 ...
    
			
    10. 
						
  10. ubuntu卸载vsftpd出错
			
    卸载vsftpd出错 $ sudo apt remove vsftpd Reading package lists... Done Building dependency tree Reading s ...
    
			
    11.