bootstrap.js v3.0.0
express v3.3.5
node.js v0.8.9
jQuery.js v1.10.2
AngularJS v1.2.0-rc.2
Linux 2.6.33 armv5tel
!-----------------Issue-------------------------------------------------
bootstrap css not applied, icon-plus doesn't show icon.
I've tried several tutorials and can't get everything working together.
jQuery, node, express, angular all seem to be working fine. I'd like to add
bootstrap to the mix.
(From example www.youtube.com/watch?v=WuiHuZq_cg4)
!-------------------HTML--------------------------------------------
...
<!doctype html>
<html ng-app>
<head>
<script type="text/javascript" src="lib/angular.js">
<script type="text/javascript" src="js/todo.js">
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="css/todo.css">
</head>
<body>
<div ng-controller="TodoCtrl">
<h2>Total todos: {{totalTodos}}
<ul class="unstyled">
<li ng-repeat="todo in todos">
<input type="checkbox" ng-model="todo.done">
<span class="done-{{todo.done}}">{{todo.text}}
</li>
</ul>
<form class="form-horizontal">
<input type="text" ng-model="formTodoText" ng-model-instant>
<button class="btn">**Add
{{formTodoText}}
</form>
</div>
<script type="text/javascript" src="lib/jquery-1.10.2.js">
<script type="text/javascript" src="bootstrap/js/bootstrap.js">
</body>
</html>
!-----------------------------todo.js
function TodoCtrl($scope) {
$scope.totalTodos = 4;
$scope.todos = [
{text:'Learn AngularJS', done:false},
{text:'Build an app', done:false}
];
}
!--------------------------todo.css
.done-true{
text-decoration: line-through;
color: grey;
}
!--------------------------node
var express = require('express');
var app = express();
app.use(express.static(__dirname + '/public'));
app.get('/', function (req, res) {
res.send('hello there from express!\n');
});
var port = 9125;
//var port = 80; //needs sudo for lower ports
app.listen(port);
console.log('listening on port ', port);
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
