标签: twitter-bootstrap-2

我目前正在开发一个 React 单页应用程序，我无法弄清楚将它Bootstrap CDN放在我的项目中的何处以及如何放置以让我的引导程序正常工作。

另外，如果有人可以建议如何npm为您的项目安装引导程序。

我试图在我的一个项目中使用twitter bootstrap,我真正想要的是一个带有链接和页面中间HTML画布的标题.参考:

当我添加一个html canvas标签并给它一个宽度和高度时,我得到两个不良效果:

• 画布的上边框是截止的,必须在画布上应用边距
• 画布被推到右边,我必须再次使用边距.

我希望画布留在页面的中心.

我使用bootstrap 2.3.2 css框架来设置web应用程序的界面.我正在使用框架的响应版本.

应用程序dosnt需要移动+平板电脑响应,但我使用响应版本,因此接口在更宽的监视器上水平扩展(UI的很大一部分是表格数据,因此具有更大屏幕的用户将欣赏能够使用全宽度他们的屏幕).

有没有办法可以使用bootstrap的响应功能,但在证书点之后阻止它们响应 - 即.在<1000px时,界面将不再响应(用户仍然可以使其更大,但不能更小)

基本上我想停止构成网格缩放的元素span和offset元素<1000px

我正在尝试bootstrap-wysihtml5-rails,我正在使用twitter bootstrap 2

但是当我在图像中得到这个结果时,错误:

Discontiguous selection is not supported.

我试着window['rangy'].initialized = false;这样:

<script type="text/javascript">
    $(document).ready(function(){


        window['rangy'].initialized = false;

        $('.wysihtml5').each(function(i, elem) {
            $(elem).wysihtml5();
        });
    })
</script>

但我仍然得到同样的错误,我可以忍受它,但它似乎打破了编辑器的按钮,如图像,任何人都可以帮助？

我正在研究Bootstrap,我想知道如何抵消列:http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

文档说明"每行应该总共加起来12".然后它给出了一个偏移列的示例:

<div class="row">
  <div class="span4">...</div>
  <div class="span3 offset2">...</div>
</div>

问题:

1. 列总数不超过12.它只计算总数7.或者如果计算偏移量:9.这只是一个坏例子还是什么？
2. 我为什么要抵消任何东西？这只是为了更好地处理我的网站布局的内容吗？

你好我想知道是否有一些javascript自动启动bootstrap 2.3.2中的模态窗口.我正在使用窗体的模态窗口,并且from的代码在页面上,我希望模式窗口在窗体中出现错误时打开备份.我的代码工作正常,它在模态窗口中显示错误消息,你必须重新启动窗口才能看到它,这样用户可能不一定知道他们有错误,所以这就是我的困境.

有没有办法做到这一点？页面没有刷新,所以我不能说在页面加载时加载它,正如我之前看到的那样.

我有代码问题:

<div class="control-group input-append date">
  <label class="control-label" for="cid">Check In</label>
  <div class="controls">
    <input class="span8 required" name="cid" type="text" id="cid">
    <span class="add-on"><i class="icon-calendar"></i></span>
  </div>
</div>

和javascript:

<script>
   $('#cid').datepicker();
</script>

我确实做过插入jquery和datepicker javascript.

问题:

1. 日期无法自动关闭.我想在点击日期之后,表日期将自动关闭.

2. 图标日历无法单击.我想如果用户点击表格输入旁边的图标日历,表格日历将显示.

谢谢

有什么方法可以使自举颜色选择器框更大？我查看了它的css，但找不到设置盒子高度和重量的位置。

我正在使用此颜色选择器：Stefan Petre的Bootstrap Colorpicker

我只是将一个bootstrap模式附加到Wordpress网站上的按钮,它工作得很好.

但问题是,模式首次隐藏导航菜单(特别是"博客"链接),当它处于非活动状态时.打开模态并将其关闭后,模态消失,菜单工作正常.

我尝试过一些东西,比如摆弄z-index,还试着一起破解脚本:

<script>
jQuery(document).ready(function() {
  jQuery('#subscribe').modal('hide') 
});
</script>

到目前为止,没有骰子.但也许你可以从脚本中看出,我只是想在页面加载时将模态置于隐藏状态,并且只在单击按钮时调用它.

这是我的网站.如果您尝试单击笔记本电脑或较小屏幕上的"博客"链接,则不能,因为它被模态隐藏:

http://jackalopemedia.com/jasontreu

感谢任何帮助!

我使用bootstrap 2.3但是我需要一些来自bootstrap 3的bootstrap面板.然后我使用那个面板CSS部分,但Panel内容也进入面板标题.

在这里你可以看到原始面板点击这里

我从中得到了一些CSS部件.但它没有成功.在这里我创建了一个小提琴,我也粘贴了一些代码

.panel-primary {
    border-color: #428BCA;
}

.panel {
    background-color: #FFFFFF;
   /*border: 1px solid rgba(0, 0, 0, 0);*/
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.panel-primary > .panel-heading {
    background-color: #428BCA;
    border-color: #428BCA;
    color: #FFFFFF;
}

.panel-heading {
    /*/border-bottom: 1px solid rgba(0, 0, 0, 0);*/
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
}

.panel-title {
    color: inherit;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
}

.panel-body:before, .panel-body:after
{
    content: " "; …

我想在Bootstrap 2.3.2中的Bootstrap Filestyle插件中更改文件字段的按钮文本,但它不起作用,按钮文本仍然是默认的.我通过替换jquery中的元素来创建文件字段,并尝试按属性data-buttonText或方法设置文本$("#changeAccountsSourceModal :file").filestyle('buttonText', 'Choose address');

jsfiddle样本

文件字段

$("#changeAccountsSourceModal .form-horizontal").replaceWith("<input type=\"file\" class=\"filestyle\" data-input=\"true\" data-buttonText=\"Choose address\">");

$("#changeAccountsSourceModal :file").filestyle();

我继承了一个使用 bootstrap 2 标记的网站，但图像的 html 宽度设置如下：

<img src="text.jpg" alt="blog" width="525" height="379">

因此，当此页面缩小到平板电脑视图时，图像会突破列/网格结构并且不会调整大小。

是否有课程或我可以用来使这些图像具有响应性的东西？

非常感谢