twitter-bootstrap-3 相关问题

Bootstrap 3是前端框架的第三代,允许更快速的Web开发,具有迷人的外观和感觉。与[twitter-bootstrap]标签一起使用

Bootstrap表在Chrome上无法正常工作,但在Firefox上可以正常工作

我使用Twitter Bootstrap 3制作了一个位于模式内部的表。奇怪的是,它在Firefox和jsFiddle上运行良好,但在Google Chrome上却无法运行。

回答 4 投票 8

我如何关闭同级LI元素的UL?

我正在尝试关闭同级LI元素的UL元素,以避免同时打开两个元素。 HTML:

回答 1 投票 0

Bootstrap 3,带有容器结构的2柱流体容器

我正在尝试创建一种具有两列结构的容器流体容器,以满足背景颜色/图像需求,其中包含一个容器类。尝试使用容器类...

回答 2 投票 0

Bootstrap日期选择器设置日期两个输入框开始到结束,如果选择下拉更改事件,则禁用动态日期值

我在项目中使用了Bootstrap日期选择器。从开始日期到结束日期设置两个输入框。选择开始日期在今天之后,结束日期在开始日期之后。获取数据库思想数组(...

回答 1 投票 -1

如何始终显示隐藏的div,单击显示时总是高于其他div

我正在引导页面(3.0)。我在页面顶部有几个可见的小面板。在这些面板下面,我有较大的面板,其中包含小...

回答 2 投票 0

计算引导程序中的宽度和填充

我试图找出如何动态地计算引导程序“容器-流体”中自定义div内的宽度和左填充。设置如下所示: ...

回答 1 投票 0

手机上的全角背景>>

我在移动设备上遇到无序列表或全幅背景的麻烦。当我使用Chrome测试它时,全角背景显示没有任何问题(下面的第一张图像),但是当我在...上检查它时...

回答 1 投票 0

Datepicker在Laravel 5.7中无法正常工作

我正在创建多国语言的Laravel项目,我的问题是Datepicker不能在英语方向正确弹出,而是在同一位置弹出,但Datepicker的顶部不在底部,而在...

回答 1 投票 0

无法以角度安装npm bootstrap @ 3

我是angular的新手,我正在尝试在我的angular项目中安装bootstrap。当我在终端中运行npm install --save bootstrap @ 3时,我会像这样C:\ Users \ ssc \ Angular-Tutorial \ my-first-app> ...

回答 1 投票 0

无法使Bootstrap jQuery或bootstrap CSS正常工作

好的,所以我已经对HTML和CSS进行了一些编码,现在我正在研究设计完整的网页。我父亲是一名开发人员,他建议使用Bootstrap,因为他看到很多公司都在朝...

回答 3 投票 0

在引导程序中彼此顶部对齐2个DIV

所以即时通讯使用引导程序创建索引主页,即时通讯我想要做的基本上是在彼此顶部的2个div中心对齐:我有一个容器流体,然后一行有2个cols:在cols中的一个.. 。

回答 1 投票 0

Bootstrap 3弹出窗口的透明和样式问题?

我正在使用datatable,bootstrap,ajax和asp.net mvc开发调查应用程序。在此民意调查应用程序中,我打开带有引导程序的弹出窗口以添加民意调查并从此处添加和更新。但是我有...

回答 1 投票 0

如何在Twitter Bootstrap中删除选择选项的蓝色轮廓

我正在研究此示例,正在寻找如何摆脱下拉选择按钮和下拉菜单内搜索收件箱的蓝色轮廓。看到这张图片:我已经尝试过:.btn -...

回答 5 投票 12

我很难将标题放在我网站上的图片下方居中

我很难将“关于我”标题放在我的图片下方。我在HTML / CSS / JS方面不是很了解,并且搜索了几个小时对我没有帮助。这是我的网站:单击...

回答 6 投票 -1

Bootstrap 3网格问题-覆盖中等或更大的小列

我在引导网格上有问题。我正在尝试在中型屏幕上创建(3)四列div,在小屏幕上,我正在尝试创建六列div,它们偏移3列,因此它们是...

回答 1 投票 0

jQuery在复选框上切换选中的属性

我想使用以下代码检查或取消选中按钮样式的复选框: [[]]]] 您可以使用e.preventDefault()来停止clicked元素的默认行为,这在使用twitter-bootstrap-3时似乎会导致click事件触发两次 此外,checkbox_state看起来像一个令人困惑的元素名称,因为它实际上存储了复选框本身,并且您使用了prop('checked')来获取其状态-我已经对其进行了更新并将其更改为在函数内部,例如您不需要对此进行全局定义 $('.group_toggle').click(function(e) { e.preventDefault(); $(this).toggleClass('btn-info btn-success'); let $checkbox = $(this).children('input:first'); let checked = $checkbox.prop('checked'); console.log(`Initial checkbox_state: ${checked}`); if (checked === true) { // Uncheck $checkbox.prop('checked', false); console.log(`Checked after click: ${$checkbox.prop('checked')}`); } else { // Check $checkbox.prop('checked', true); console.log(`Checked after click: ${$checkbox.prop('checked')}`); } }); <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul id="ids_ul" class="nav nav-list"> <li> <div class="btn-group-toggle" data-toggle="buttons"> <label class="btn btn-info group_toggle" id="id_label1" for="id_checkboxes1"> <input type="checkbox" value="1" id="id_checkboxes1" name="ids[]" autocomplete="off"/>One </label> </div> </li> <li> <div class="btn-group-toggle" data-toggle="buttons"> <label class="btn btn-success group_toggle" id="id_label2" for="id_checkboxes2"> <input type="checkbox" value="2" id="id_checkboxes2" name="ids[]" autocomplete="off"/>Two </label> </div> </li> <li> <div class="btn-group-toggle" data-toggle="buttons"> <label class="btn btn-info group_toggle" id="id_label3" for="id_checkboxes3"> <input type="checkbox" value="3" id="id_checkboxes3" name="ids[]" autocomplete="off"/>Three </label> </div> </li> </ul>

回答 1 投票 0

使用引导程序创建网格布局

我想在我的 中包含一些行,但是我认为在col-sm-1中包含 是不正确的。这是我想要的效果,这是...

回答 1 投票 0

出现在带有“数据原始标题”属性的代码中的Mystery div

div是由我正在工作的网站代码中的某些内容添加的。这些年来,大约有一百个不同的开发者对此进行了破解。该页面使用Bootstrap,并基于.Net ...

回答 1 投票 -2

我的Bootstrap布局包含很大的空白,我希望删除

我正在使用Bootstrap 3来实现您在下面看到的布局:控制它的标记如下:

回答 1 投票 0

当<750px时,在轮播中旋转“响应网格”>

我有这样的网格:在台式机/平板电脑(750像素或以上)中:在手机(<750像素)中:但是当显示尺寸小于750像素时,我需要在轮播中旋转网格:我当前的代码: 。 。

回答 3 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.