第一步 ；下载 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. 使用Visual Studio2013打开Visual Studio2015项目
			
    使用VS2013打开VS2015的项目,操作步骤如下: ======================================== ①用记事本或者Notepad++ 打开项目sln文件进行编辑, ...
    
			
    2. 
						
  2. 将string str中的str转换成字符数组
			
    #include <iostream> #include <map> #include <string.h> using namespace std; int ma ...
    
			
    3. 
						
  3. metabase docker-compose  运行说明
			
    metabase 是一款比较产品化的一个数据分析工具,支持的数据源也比较多 以下为简单的docker-compose 运行文件,同时集成了mongo 以及graphql 引擎,方便数据 的api查询  ...
    
			
    4. 
						
  4. streamsets 集成 rabbitmq 以及benthos stream 处理框架
			
    benthos 是一个stream 处理框架,streamsets 也是,但是两者可以通过不同的工具进行集成起来 一般我们可以使用http 服务,消息中间件(kafka.rabbitmq ...) 使 ...
    
			
    5. 
						
  5. nyoj 幸运三角形
			
    幸运三角形 时间限制:1000 ms  |  内存限制:65535 KB 难度:3   描述 话说有这么一个图形,只有两种符号组成(‘+’或者‘-’),图形的最上层有n个符号,往下个数依次减一,形成倒 ...
    
			
    6. 
						
  6. Arrays、ArrayUtils 区别
			
    Arrays java.util 包提供的静态类:java.util.Arrays 此静态类专门用来操作array ,提供搜索.排序.复制等静态方法. ArrayUtils apache 提供的类:o ...
    
			
    7. 
						
  7. Microsoft Dynamics CRM 4.0 如何添加自定义按钮
			
    一.通过导入导出ISV.Config(ISV配置),具体如下图: 先设置—>打开导出自定义项—>选择ISV配置—>选择导出所选自定义项 点击确定 保存到桌面,解压,用VS打开cust ...
    
			
    8. 
						
  8. openVPN之Luci及tap模式
			
    一. 1.复制luci-sc-openvpn源码到/home/tingpan/openwrt/barrier_breaker/feeds/luci/applications文件夹下. 二. /home ...
    
			
    9. 
						
  9. PHP接收表单（GET/POST）时，表单名中的点变成了下划线怎么办？
			
    如果开发中发现,从表单中传递上来的表单名称后端接不到值,不要惊慌,很有可能是表单名称中带有特殊字符(.和空格) PHP接收参数时,发现表单名中如果是 句号(.)或者空格( ),会被转换成下划线(_)  ...
    
			
    10. 
						
  10. VS起始页不显示最近使用的项目解决方案
			
    前段时间换了一家公司,做ASP.NET开发,让我郁闷的是VS的起始页总是不显示最近使用项目,起先没在意,后来觉得越来越不方便了,然后本着内事不决问百度,外事不决问谷歌的态度,我就百了下~,结果还真遇到 ...
    
			
    11.