小编And*_*ich的帖子

Twitter Bootstrap中的导航栏颜色

如何更改Twitter Bootstrap 2.0.2导航栏的背景颜色?如何更改导航栏中所有元素的颜色以反映背景颜色?

colors navbar twitter-bootstrap

113
推荐指数
3
解决办法
17万
查看次数

输入按键时避免模态解除

我已经设置了一个带有表单的bootstrap模式,我只是注意到当我按下Enter键时,模态被解除了.按Enter键有没有办法不解雇它?

我尝试用键盘激活模态:false,但这只能阻止使用ESC键解雇.

forms modal-dialog twitter-bootstrap

103
推荐指数
5
解决办法
5万
查看次数

bootstrap Glyphicons

Bootstrap css使用Glyphicons的半身人.如果我购买了他们的完整产品系列,我将如何将其整合到bootstrap框架中?

css twitter-bootstrap

60
推荐指数
6
解决办法
9万
查看次数

页面加载时Twitter引导进度条动画

我有一个页面有几个bootstrap进度条.最初设置它们的值工作正常.虽然我希望进度条在用户打开页面时动画/转换到其特定状态.

当你点击其中一个栏时,这个JS工作正常.我会在酒吧的"onload"事件中需要类似的东西.但是"onload"事件不适用于s

//animate progress bars
$('.progress .bar').on("click", function(event) {
  var me = $(this);
  perc = me.attr("data-percentage");
  me.css('width', perc+'%');
});
Run Code Online (Sandbox Code Playgroud)

如何在页面加载页面上的所有进度条上实现此行为?

javascript jquery twitter-bootstrap

42
推荐指数
5
解决办法
14万
查看次数

twitter bootstrap下降突然无法正常工作

我想知道是否有人可以帮助我.我的引导下拉菜单突然停止工作.我不知道为什么.它以前工作.我没有触摸我的观点我的布局视图所以我认为问题不存在.我很确定它与我的javascript有关,但我不知道它来自哪里.

我的宝石文件是......

gem 'rails', '3.2.3'
gem 'bootstrap-sass', '2.0.1'
gem 'bcrypt-ruby', '3.0.1'
gem 'faker', '1.0.1'
gem 'will_paginate', '3.0.3'
gem 'bootstrap-will_paginate', '0.0.5'
gem 'devise'
gem 'carrierwave'
gem 'rmagick'
gem 'delayed_job_active_record'
gem 'daemons'
gem 'make_voteable'
gem 'admin_data'
gem 'indextank'
Run Code Online (Sandbox Code Playgroud)

我的application.js是......

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require bootstrap-dropdown
//= require bootstrap
//= require_tree .
Run Code Online (Sandbox Code Playgroud)

我猜也许它与我的配置文件有某种关系?

ruby-on-rails twitter-bootstrap drop-down-menu

37
推荐指数
3
解决办法
4万
查看次数

在jQuery Mobile中使用Bootstrap

Bootstrap(v2)和jQuery Mobile(v1.1 RC1)都提供了我想用于我的应用程序的构建块.

Bootstrap干净,简单而精彩.但是,它缺乏jQuery Mobile的极其简单和可定制的"列表视图",我需要创建移动Web应用程序.

从我的简单测试中,他们互相帮助(弄乱一些布局,填充,大小等).

所以,我的问题:

  1. 我们可以在同一个HTML页面上同时使用Bootstrap和jQuery Mobile吗?
  2. 如果我们不能将它们结合起来,那么Bootstrap对jQuery Mobile的"列表视图"的回答是什么?

jquery-mobile twitter-bootstrap

26
推荐指数
1
解决办法
2万
查看次数

Twitter引导程序 - 在已打开的模式上打开模态

这是我的场景:我正在打开一个带有一些记录细节的模态窗口,我有一个"删除"按钮.当用户点击此按钮时,我需要在现有模态上方/上方显示"确认"模式(询问"你确定吗?"),但是当显示此确认模式时,它不会首先阻止"详细信息"莫代尔(后面).

有谁知道我该怎么做?

谢谢!

modal-dialog confirmation twitter-bootstrap

24
推荐指数
4
解决办法
3万
查看次数

Javascript功能可以在localhost上运行,但在部署到Heroku时则不行

我注意到,当我部署到Heroku时,javascript功能不起作用(例如Bootstrap Popover,Buttons等).我正在使用rails 3.2.2,ruby 1.9.3.这些功能适用于localhost.部署到Heroku时似乎没有显示错误(这些功能根本没有显示).

有任何想法吗?谢谢!

javascript heroku popover twitter-bootstrap

19
推荐指数
4
解决办法
2万
查看次数

Twitter Bootstrap表单:使标签列更宽

问题是关于Twitter Bootstrap表格.现在有人推荐使用左列(带标签)宽度大于140px的方法吗?重要的是它在移动设备上看起来也很好.

谢谢你的建议.

forms twitter-bootstrap

15
推荐指数
2
解决办法
8563
查看次数

来自Twitter IE7 bug的Bootstrap

我在IE7中创建的网站中发现了一个错误.

网站的网址:http://moldipaints-dokkum.nl/productcontroller/getProductList/19

在IE7中打开产品时,引导模式位于页面后面,灰色叠加层位于顶部.和图像在模态之上.

我改变了以下内容:

css位置:相对/绝对/固定(仅模态未正确显示)

css z-index :(没有任何区别)

潜在的修复Twitter(Github); http://jsfiddle.net/ATeaH/8/

这些都不正确.我能做些什么来完成这项工作?

从项目更新代码

页面渲染

    <?php
    if(isset($productByType)){
        $countwidth = (count($productByType) / 2)*260+100;
    }?>



    <div class="productView">
        <div class="aligndiv">
           <div class="productcenter">
               <div class="productenview">
                   <div class="productcontainer" style="width:<?=@$countwidth?>px;" >
                       <?php
                       if(!empty($productByType)){
                       for($i=0;$i < count($productByType); $i++){

                       $id = $productByType[$i]['id'];
                       $title = $productByType[$i]['title'];
                       $img = base_url('/img/producten/'.$productByType[$i]["img"]);

                       if($i % 2 == 0){
                          echo '<div class="seperatorforproduct">';
                       //0,2,4,6,8
                       }

                    echo '<div class="button btnstyle">';
                    echo '<div class="imgbtn">';    
                    //  <!-- afbeelding -->
                    echo '<img src="'.$img.'" title="'.$title.'" alt="'.$title.'" data-toggle="modal" href="#modal'.$id.'" />'; …
Run Code Online (Sandbox Code Playgroud)

html css jquery twitter-bootstrap

12
推荐指数
1
解决办法
5596
查看次数