Emmet Sublime Settings to easily done the work.

Emmet.sublime-settings

 {
    "disable_formatted_linebreak": true,
    "snippets": {
        "html": {
         "abbreviations": {
             "template": "!!!+html>(head>meta:utf+meta:compat+meta:vp+title${title}+link:css)+body>script:src",

             "bs-nav": "nav#$.navbar.navbar-default>.container-fluid>(.navbar-header>a[href='#'].navbar-brand{BrandName})+ul.nav.navbar-nav>li*6>a[href='#']",
             "bs-dropdown": ".dropdown>(button.btn.btn-primary.dropdown-toggle[type='button' data-toggle='dropdown']{Dropdown}>span.caret)+ul.dropdown-menu>li*4>a[href='#']{Menu Item}",
             "bs-accordion": ".panel-group#accordion>(.panel.panel-default>(.panel-heading>.panel-title>a[data-toggle='collapse' data-parent='#accordion' href='#collapse$'])+#collapse$.panel-collapse.collapse>.panel-body>lorem10)*3",
             "bs-tab": "(ul.nav.nav-tabs>li*3>a[data-toggle='tab' href='#tab$']{Tabs $})+(.tab-content>#tab$.tab-pane.fade>h3{Tab $})*3",
             "bs-carousel": "#myCarousel.carousel.slide[data-ride='carousel']>(ol.carousel-indicators>li[data-target='#myCarousel']*3)+.carousel-inner>(.item>img[src='' alt='carousel image'])*3+(a.left.carousel-control[href='#myCarousel' data-slide='prev']>(span.glyphicon.glyphicon-chevron-left+span.sr-only{Previous}))+(a.right.carousel-control[href='#myCarousel' data-slide='next']>(span.glyphicon.glyphicon-chevron-right+span.sr-only{Next}))",

             "bs-section": "section.$>.container>.row",
             "bs-btn": "button[type='button'].btn.btn-default>{}",
             "bs-btn-group": ".btn-group>button[type='button'].btn.btn-default*3",
             "bs-btn-justify": ".btn-group.btn-group-justified>button.btn.btn-default[type='button']*4",
             "bs-pagination": "ul.pagination>li*5>a[href='#']{$}",
             "bs-bread": "ul.breadcrumb>li*5>a[href='#']{Item}",
             "bs-pills": "ul.nav.nav-pills>li*5>a[href='#']{Pills Item}",
         }
        }
    }
}