Tag: bootstrap导航栏

所有的bootstrap断点都被弃用了？: 看看variables.less（和从googlesearch），看起来像所有的bootstrap的断点lessvariables已被弃用。它是否正确？有人知道我们应该使用什么，而不是我们想要基于引导程序的屏幕尺寸断点分配样式？使用Bootstrap v3.1.1和LESS。谢谢。 //== Media queries breakpoints // //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone //** Deprecated `@screen-xs` as of v3.0.1 @screen-xs: 480px; //** Deprecated `@screen-xs-min` as of v3.2.0 @screen-xs-min: @screen-xs; //** Deprecated `@screen-phone` as of v3.0.1 @screen-phone: […]

引用一个类/混入没有完全导入LESS文件: 我正在使用wordpress的根主题： https ： //github.com/retlehs/roots/ 它已经提供了一个预编译的bootstrap.css，并build议使用app.css进行任何自定义。由于我没有select通过HTML或JavaScript将button添加到button，所以我想使用LESS来源来引用一个CSS类，例如，我想给一个提交button的引导button样式： input#submit{ .btn; .btn-primary; } 如果我使用@ @import 'bootstrap.less'; 它将整个bootstrap css添加到app.css中。我怎样才能使用bootstrap.less作为编译的参考？

在select匹配上使用angular ui-bootstrap typeaheadcallback？: 我正在使用angular ui-bootstrap typeahead，我想用它来获取很多select，所以我需要在selectMatch方法启动时获取选定的值，但是我找不到如何执行在我的控制器 <div class='container-fluid' ng-controller="TypeaheadCtrl"> <pre>Model: {{selected| json}}</pre> <input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue"> 如果我看着选定的值，每当按下一个键时我都会得到改变。 scope.$watch('selected', function(newValue, oldValue) {… }); 我得到的方法selectMatch是当用户按下input或点击列表时调用的，但我不知道如何有一个callback… … 谢谢！

使用带有Bootstrap-ui模式的ui路由器: 我知道这已经被覆盖了很多次，大多数的文章引用了这个代码：在AngularJS中使用自定义URL的Modal窗口但我只是不明白。我根本不觉得这是非常清楚的。我也发现这个jsfiddle这实际上是伟大的，非常有帮助，除了这不添加url，并允许我使用后退button来closures模式。编辑：这是我需要帮助。所以让我试着解释我想要达到的目标。我有一个表单来添加一个新的项目，我有一个链接“添加新项目”。我想当我点击“添加新项目”模式popup与我已经创build的“add-item.html”的forms。这是一个新的状态，所以url更改为/ add-item。我可以填写表格，然后select保存或closures。 closures，closures模态：p（奇怪）。但是我也可以点击回到closures模式，并返回到前一页（状态）。在这一点上，我不需要关于Close的帮助，因为我仍然在努力实现模态的工作。这是我的代码，因为它代表：导航控制器:( 这是甚至正确的地方把模式function？） angular.module('cbuiRouterApp') .controller('NavbarCtrl', function ($scope, $location, Auth, $modal) { $scope.menu = [{ 'title': 'Home', 'link': '/' }]; $scope.open = function(){ // open modal whithout changing url $modal.open({ templateUrl: 'components/new-item/new-item.html' }); // I need to open popup via $state.go […]

在响应式引导程序导航栏中心内容: 我无法将自己的内容集中在引导栏中。我正在使用引导3.我读了很多post，但CSS或使用的方法不能用我的代码！我真的很沮丧，所以这是我最后的select。任何帮助将不胜感激！ <!DOCTYPE html> <html> <head> <title>Navigation</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!– Bootstrap –> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="css/style.css" rel="stylesheet" media="screen"> </head> <body> <div class="container"> <nav class="navbar navbar-default" role="navigation"> <!– Brand and toggle get grouped for better mobile display –> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> […]