JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div ng-controller='mainCtrl' class="container">
    <div class="row-fluid" ng-repeat="timeline in timeline_events">
        <div class="span3 span3-min">
            <p>{{timeline.link}}</p>
        </div>
        <div class="span2 span2-min">
            <p>{{timeline.other}}</p>
        </div>
        <div class="span2 span2-min">
            <p>{{timeline.description}}</p>
        </div>
        <div class="span1 span1-min">
            <p> <a class='del-timeline' ng-click='delTimeline($index)'>X</a>

            </p>
        </div>
    </div>
</div>

JavaScript

angular.module('myApp', [])
    .controller("mainCtrl", function ($scope) {
    $scope.timeline_events = [{
        link: 'link 1',
        other: 'other 1',
        description: 'description 1'
    }, {
        link: 'link 2',
        other: 'other 2',
        description: 'description 2'
    }, {
        link: 'link 3',
        other: 'other 3',
        description: 'description 3'
    }];
    $scope.delTimeline = function (index) {
        $scope.timeline_events.splice(index, 1);
    };
});