Question

我是引导程序的新手。目前我正在使用bootstrap Datepicker (ui.bootstrap.datepicker)

我们导航月份的(ui.bootstrap.datepicker)按钮中有.pull-left和.pull-right的类。

问题是我的应用程序中已经有这些类。是否可以重命名默认引导类或将自定义类应用于引导按钮。

Answer 1

您可以在 ui-bootstrap.tpls 中找到模板代码。复制＆amp;粘贴模块模板代码：

angular.module("template/datepicker/datepicker.html", []).run(["$templateCache",
    function($templateCache) {
        $templateCache.put("template/datepicker/datepicker.html",
            "<table>\n" +
            "  <thead>\n" +
            "    <tr class=\"text-center\">\n" +
            "      <th><button type=\"button\" class=\"btn pull-left\" ng-click=\"move(-1)\"><i class=\"fa fa-chevron-circle-left\"></i></button></th>\n" +
            "      <th colspan=\"{{rows[0].length - 2 + showWeekNumbers}}\"><button type=\"button\" class=\"btn btn-block\" ng-click=\"toggleMode()\"><strong>{{title}}</strong></button></th>\n" +
            "      <th><button type=\"button\" class=\"btn pull-right\" ng-click=\"move(1)\"><i class=\"fa fa-chevron-circle-right\"></i></button></th>\n" +
            "    </tr>\n" +
            "    <tr class=\"text-center\" ng-show=\"labels.length > 0\">\n" +
            "      <th ng-show=\"showWeekNumbers\">#</th>\n" +
            "      <th ng-repeat=\"label in labels\">{{label}}</th>\n" +
            "    </tr>\n" +
            "  </thead>\n" +
            "  <tbody>\n" +
            "    <tr ng-repeat=\"row in rows\">\n" +
            "      <td ng-show=\"showWeekNumbers\" class=\"text-center\"><em>{{ getWeekNumber(row) }}</em></td>\n" +
            "      <td ng-repeat=\"dt in row\" class=\"text-center\">\n" +
            "        <button type=\"button\" style=\"width:100%;\" class=\"btn\" ng-class=\"{'btn-info': dt.selected}\" ng-click=\"select(dt.date)\" ng-disabled=\"dt.disabled\"><span ng-class=\"{muted: dt.secondary}\">{{dt.label}}</span></button>\n" +
            "      </td>\n" +
            "    </tr>\n" +
            "  </tbody>\n" +
            "</table>\n" +
            "");
    }
]);

我会创建一个新文件，例如Templates.js并将所有重写的代码放在那里。

是否可以将自定义类应用于bootstrap.datepicker按钮

1 个答案: