Tag: twitter bootstrap

如何让手风琴在closures所有菜单的情况下加载?

我试图在这里按照这个例子 http://twitter.github.com/bootstrap/javascript.html#collapse 我在这里放置了一个模型 http://jsfiddle.net/gqe7g/ 加载行为很奇怪。 它显示Menu1然后折叠它,然后显示Menu2和Menu3。 我希望一切都打开崩溃。 我尝试了以下没有成功 $('#accordion').collapse({hide: true})

使用JQuery和JQueryUI的HTML5 Boilerplate与Twitter Bootstrap

我想build议是否使用HTML 5 Boilerplate或Twitter Bootstrap作为可能使用JQuery UI控件的Web应用程序。 也有可能用JQuery UI等效replaceBootstrap控件? 提前致谢 斯蒂芬

Bootstrap – 当屏幕尺寸较小时删除填充或边距

编辑:也许我应该问哪个select器设置边填充当屏幕减less到480px宽度以下? 我一直在浏览bootstrap-responsiveness.css一段时间来find这个,但似乎没有任何影响。 原来,我基本上想要删除任何默认的填充或边界设置为更小的设备屏幕上的响应。 我在container-fluidselect器上覆盖了一个background color ,对于较大的屏幕,它们在整个宽度上完全呈现100%,但是屏幕缩小为较小的尺寸,默认情况下,Bootstrap似乎在container-fluid或container上添加了边距或填充。 如果我使用自定义css来覆盖Bootstrap的默认样式,我应该覆盖什么媒体查询或select器来删除在较小的屏幕上的填充?

引导表溢出与长未占用的文本

我使用的是Bootstrap,我有一个有几列的表格,最后一个列表有时会有一长串文字没有空格。 我注意到,在某些屏幕尺寸下,表格会溢出其父div,并创build丑陋的兄弟表重叠。 我玩了这个,我认为这个问题与文本没有空格有关。 我创build了一个jsfiddle来演示我的意思。 正如你所看到的,最左上angular的表格performance良好,只是垂直增长以容纳更多的文字。 然而,左下方的桌子由于长的没有间隔的文字而导致右边的溢出,而左下方的桌子右边的栏杆在其兄弟姐妹“下”。 有没有人有任何提示,我可以如何解决这个问题,以便很长的文本被剪切或部分拆分到一个新的行?

引导button单击时显示蓝色轮廓

我添加了这个,但点击button时仍然出现蓝色轮廓。 .btn:focus { outline: none; } 如何删除丑陋的东西?

Bootstrap:在Modal中打开另一个Modal

所以,我使用这个代码在当前打开的模态窗口中打开另一个模态窗口: <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> 会发生什么,对于500毫秒的滚动条将重复。 我猜是因为现在的模态还在淡出。 然而,它看起来非常不顺畅和口吃。 我将不胜感激任何build议来解决这个问题。 另外,在一个单一的事件不专业? 我正在使用引导版本3.0。 编辑:我想这是必要的,以减less淡出模态的时间。 这怎么可能?

Bootstrap 2.1.0中的“Uncaught SyntaxError:Unexpected token {”与Joomla! 3.0

我正在使用Joomla! 3.0,其中包括Twitter Bootstrap 2.1.0。 我想做我自己的Joomla! 模板,我需要使用下拉菜单。 当我包含以下CSS / JS: <script src="../../../jquery-1.9.1.min.js"></script> <script type="text/javascript" src="<?php echo $this->baseurl ?>/media/jui/js/bootstrap.min.js"></script> <script type="text/javascript" src="<?php echo $this->baseurl ?>/media/jui/css/bootstrap.css"></script> <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/Site.css" rel="stylesheet" type="text/css"> <link rel="shotcut icon" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/csshttp://img.dovov.comfavicon.ico" type="image/x-icon"> 我得到以下CSS错误: Uncaught SyntaxError: Unexpected token { 在/media/jui/css/bootstrap.css ,第19行

Bootstrap:在面板页脚中左右拖动页脚

我有一个Bootstrap面板,在页脚中有两个button: <div class="panel-footer"> {{ Form::open( array('route' => array('dogs.edit', $dog->id), 'method' => 'get', "class" => 'col-lg-6 ')) }} {{ Form::submit("Edit", array('class' => 'btn btn-default')) }} {{ Form::close() }} {{ Form::open( array('route' => array('dogs.destroy', $dog->id), 'method' => 'delete', "class" => 'col-lg-6 ')) }} {{ Form::submit("Delete", array('class' => 'btn btn-default')) }} {{ Form::close() }} </div> 每个button的表格都有类pull-left pull-right这样每个button都浮在面板页脚的两边。 浮动工作,但button现在页脚之外: […]

使用Bootstrap 3下拉菜单作为上下文菜单

使用引导程序3,我怎样才能将下拉菜单放在光标处并从代码中打开它? 我需要使用它作为其行的上下文菜单的表。

多个和/或嵌套的Bootstrap容器?

我的理解是,所有Bootstrap风格的元素必须存在于<div class="container">元素中。 但有时候我会看到有多个“容器”的Bootstrap示例: <div class="container"> <!– Blah, GUI stuff, blah –> </div> … <div class="container"> <!– Blah, more GUI stuff, blah –> </div> 我的问题: 你什么时候需要一个带有多个“容器div”的HTML页面? 这个提议有什么好处,而不是把整个机构放在一个大的“集装箱柜台”里? 你会想要在其他的内部嵌套“容器div”吗? 当/为什么?