Questions tagged «twitter-bootstrap»

Bootstrap是一个前端框架，旨在启动Web应用程序和网站的开发。对于与Bootstrap版本有关的问题，请使用“ twitter-bootstrap-2”，“ twitter-bootstrap-3”和“ bootstrap-4”标签中特定版本的标签。

12
Bootstrap 4更改汉堡包切换颜色
我有一个引导网站，当屏幕尺寸小于992px时，会添加汉堡包切换器。代码如下： <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> 可以更改汉堡切换按钮的颜色吗？
10
如何在自举流体布局中底部对齐网格元素
我使用Twitter的引导程序进行了流畅的布局，其中我有一排两列。第一列有很多内容，我想正常填充范围。第二列只有一个按钮和一些文本，我想相对于第一列中的单元格底部对齐。 这是我所拥有的： -row-fluid------------------------------------- +-span6----------+ +-span6----------+ | | |short content | | content | +----------------+ | that | | is tall | | | +----------------+ ----------------------------------------------- 这就是我想要的： -row-fluid------------------------------------- +-span6----------+ | | | content | | that | | is tall | +-span6----------+ | | |short content | +----------------+ +----------------+ ----------------------------------------------- 我已经看到了使第一个跨度成为绝对高度并相对于其定位第二跨度的解决方案，但是最好不要指定div的绝对高度的解决方案。我也愿意重新考虑如何实现相同的效果。我不喜欢这种脚手架的使用，对我来说似乎才是最合理的选择。 …
6
引导表中的垂直对齐
我正在尝试显示具有4列的表格，其中之一是图像。以下是快照：- 我想将文本垂直对齐到中心位置，但是以某种方式，css似乎不起作用。我已经使用了引导响应表。我想知道为什么我的代码不起作用，什么是使它起作用的正确方法。 以下是该表的代码 的CSS img { height: 150px; width: 200px; } th, td { text-align: center; vertical-align: middle; } 的HTML <table id="news" class="table table-striped table-responsive"> <thead> <tr> <th>Name</th> <th>Email</th> <th>Phone</th> <th>Photo</th> </tr> </thead> <tbody> <?php $i=0; foreach ($result as $row) { ?> <tr> <td> <?php echo 'Lorem Ispum'; ?> </td> …
24
Bootstrap 3折叠菜单在单击时不会关闭
我在Bootstrap 3中有或多或少的标准导航 <body data-spy="scroll" data-target=".navbar-collapse"> <!-- ---------- Navigation ---------- --> <div class="navbar navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> </button> <a class="navbar-brand" href="index.html"> <img src="#"></a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#home">Home</a></li> <li><a href="#one">One</a></li> <li><a href="#two">Two</a></li> <li><a href="#three">Three</a></li> <li><a …
8
Bootstrap Datepicker-仅限月份和年份
我正在使用bootstrap datepicker，我的代码如下所示，jsfiddle上的代码演示 <div class="input-append date" id="datepicker" data-date="02-2012" data-date-format="mm-yyyy"> <input type="text" readonly="readonly" name="date" > <span class="add-on"><i class="icon-th"></i></span> </div> $("#datepicker").datepicker({ viewMode: 'years', format: 'mm-yyyy' }); 上面的代码工作正常，但是我想做的是允许用户仅选择月份和年份。 您能告诉我该怎么做吗？
18
Bootstrap 3：保持页面刷新中的选定选项卡
我正在尝试使用Bootstrap 3刷新选定的选项卡。尝试并检查了这里已经提出的一些问题，但对我来说没有任何工作。不知道我在哪里错。这是我的代码 的HTML <!-- tabs link --> <ul class="nav nav-tabs" id="rowTab"> <li class="active"><a href="#personal-info" data-toggle="tab">Personal Information</a></li> <li><a href="#Employment-info" data-toggle="tab">Employment Information</a></li> <li><a href="#career-path" data-toggle="tab">Career Path</a></li> <li><a href="#warnings" data-toggle="tab">Warning</a></li> </ul> <!-- end: tabs link --> <div class="tab-content"> <div class="tab-pane active" id="personal-info"> tab data here... </div> <div class="tab-pane" id="Employment-info"> tab data here... </div> …
10
如何识别Bootstrap版本？
我想更新站点上的Bootstrap，但不知道安装的版本。 如何仅使用bootstrap.css和bootstrap.min.js文件识别引导程序版本？ CSS文件中没有版本，min.js文件包含以下注释。 /*! * Bootstrap.js by @fat & @mdo * Copyright 2012 Twitter, Inc. * http://www.apache.org/licenses/LICENSE-2.0.txt */
3
Bootstrap 3在移动设备的菜单/导航栏中滑动
关闭。这个问题需要调试细节。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 去年关闭。 改善这个问题 我正在构建一个基于浏览器的移动应用程序，因此我决定将Bootstrap 3用作设计的CSS框架。Bootstrap 3在导航栏中具有出色的“响应”功能，如果它检测到有关浏览器分辨率的特定“断点”，它将自动折叠。它在很多情况下都有效。 但是您最近是否注意到，很多基于浏览器的移动应用程序的主导航隐藏在屏幕的左侧，并且当按下（切换）右上角的切换图标时，主导航会滑到进入屏幕约2/3的右边？这是在移动设备上浏览基于浏览器的应用程序时越来越受欢迎的解决方案，并且我认为从理论上讲，修改引导css / js以适应此版本的导航折叠功能应该非常容易。 如何实现这些功能？似乎不需要太多修改。我真的很想听听您对此事的想法/解决方案。另外，我认为将Bootstrap实施为内置功能将是一个很好的长期解决方案。 不幸的是，我没有尝试创建此功能，因为尽管我熟悉这些技术，但我主要是一名PHP / MySQL开发人员，并且我认为该功能非常有用，应该由没有我见识的专家来构建。作为前端开发人员。
7
Bootstrap Carousel：移除自动滑动
我正在使用Bootstrap Carousel。我只想让滑块仅在单击导航或分页时才滑动。我尝试删除 $('.carousel').carousel({ interval: 6000 }); 它工作正常，但是我的问题是一旦我单击了导航或分页，它现在会自动滑动。可以取消自动滑动功能吗？如果是这样，怎么办？
12
如何在Bootstrap 4的下拉菜单中删除箭头？
我正在使用Bootstrap4。我试图删除下拉菜单中的箭头。 我为Bootstrap 3找到的答案不再起作用。 jsfiddle在这里。 <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> </div> </div>
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.