Bootstrap按钮问题:按钮杂乱，无法并排放置
Bootstrap是一个流行的前端开发框架，提供了丰富的组件和样式，可以快速构建美观、响应式的网页界面。对于按钮杂乱、无法并排放置的问题，可以通过以下方式解决：
- 使用网格系统：Bootstrap提供了强大的网格系统，可以将页面划分为12列，通过使用不同的列类将按钮放置在不同的列中，从而实现按钮的并排放置。例如，使用
col-md-6类可以将按钮放置在两列中，使用col-md-4类可以将按钮放置在三列中。 - 使用按钮组：Bootstrap提供了按钮组组件，可以将多个按钮组合在一起，并且实现并排放置。可以使用
btn-group类将按钮包裹起来，然后使用btn类定义按钮样式。例如：
<div class="btn-group" role="group" aria-label="Button group">
<button type="button" class="btn btn-primary">按钮1</button>
<button type="button" class="btn btn-primary">按钮2</button>
<button type="button" class="btn btn-primary">按钮3</button>
</div>- 使用按钮工具栏：如果需要在按钮之间添加间距，可以使用按钮工具栏组件。可以使用
btn-toolbar类将按钮包裹起来，并且使用btn-group类定义按钮组。例如：
<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
<div class="btn-group mr-2" role="group" aria-label="First group">
<button type="button" class="btn btn-primary">按钮1</button>
<button type="button" class="btn btn-primary">按钮2</button>
<button type="button" class="btn btn-primary">按钮3</button>
</div>
<div class="btn-group" role="group" aria-label="Second group">
<button type="button" class="btn btn-primary">按钮4</button>
<button type="button" class="btn btn-primary">按钮5</button>
</div>
</div>以上是解决Bootstrap按钮杂乱、无法并排放置的几种常见方法。在实际应用中，可以根据具体需求选择合适的方法来布局按钮。如果需要了解更多关于Bootstrap的信息，可以访问腾讯云的Bootstrap产品介绍页面。
相关·内容
3回答
Bootstrap按钮问题:按钮杂乱，无法并排放置
html、css、twitter-bootstrap、twitter-bootstrap-3
我正面临着一个问题。我不能把纽扣并排放在一起。我已经尽力了。但我不能正确地并排对齐它们。请看这张图片来认识到这个问题：<html> <title>Kanon's Smartphone Store</title>
<link href="assets/css/
浏览 38提问于2018-07-30得票数 1
回答已采纳
1回答
使用Bootstrap和ASP.NET在面板中左对齐文本但右对齐按钮
c#、html、css、asp.net、twitter-bootstrap
我正在使用Twitter Bootstrap和在后端使用C#的ASP.NET编写我的第一个web应用程序。我在Bootstrap面板中有按钮和标签。我想左对齐标签，右对齐按钮。
浏览 0提问于2014-06-09得票数 0
2回答
如何强制提交按钮出现在一组单选按钮的右侧(使用twitter bootstrap)？
html、css、twitter-bootstrap
我有一组单选按钮和一个提交按钮。我希望将它们并排放置，单选按钮组在左侧，提交按钮按比例在右侧对齐。使用twitter bootstrap的正确方式是什么？目前，无论我做什么，我都会获得单选按钮组下面的按钮。
浏览 3提问于2015-01-28得票数 0
1回答
使用Bootstrap动态并排放置按钮？
css、twitter-bootstrap、bootstrap-4
Us</a></div> 如果我只想显示两个按钮，这会有所帮助，但是如何动态地让按钮占据每个按钮容器宽度的50%呢？Us</a>
<a href="mylink.php" class="
浏览 9提问于2020-10-31得票数 1
1回答
我尝试将元素放在div元素的下面。
html、css
我使用float= left并排放置了两个div元素；但是按钮显示在div元素旁边。我想要按钮元素下面的两个div元素，这是并排放置。
浏览 2提问于2014-02-11得票数 0
1回答
有办法克隆tkinter小部件吗？
python-3.x、tkinter
然后，我有一个按钮的起始点和结束点的列表，这些按钮将取代它们。假设我有一个从(0，0)到(0，2)的按钮，我从这个位置移除标签，并在那里放置一个带有正确行距的按钮。如果一个按钮将替换另一个按钮(不仅仅是标签)，我会创建一个框架，然后我希望克隆该按钮，作为更改父按钮的一种方式(我已经阅读到它不可能使用tkinter)，并将新按钮添加到框架中。然后，框架将替换网格中的小部件(标签和旧按钮)，并排
浏览 2提问于2017-09-30得票数 2
回答已采纳
1回答
无法让引导网格与shopify buy按钮一起工作
bootstrap-4
所以，我正在尝试让一组4个购物购买按钮并排显示在Bootstrap网格系统上。问题是，它们不能并排在一起。(Whatever the script is supposed to do in here) </div>现在，在这里放置一个style=" display : inline-flex;“标签确实可以使它们
浏览 25提问于2020-05-13得票数 0
回答已采纳
1回答
Tkinter网格列分隔过远
python、tkinter
我的代码的网格分离得太远了，不能像我希望的那样工作。当我将其设置为100时，它会彼此堆叠在一起，当我将其分别设置为99和101时，它会走向彼此的两端。我试着把它们放在中心的旁边。timdonuts = tk.Button(Donut, text="Donuts")timdonuts.grid(column=120, row=6)
浏览 1提问于2020-07-02得票数 0
2回答
如何在Jquery手机中并排放置控件
jquery、html、mobile
我有一个按钮与数据图标=“家”和输入的类型搜索，必须并排放置。但它是在另一个下面显示的。我怎样才能把它并排显示呢？当在浏览器中看到时，它正在创建自己的div标记。可以并排显示吗？
浏览 3提问于2013-10-22得票数 0
回答已采纳
3回答
按钮不能并排显示在图像上
html、css、user-interface、button
但我想让这两个按钮并排在这张图片上：
我试了这么多例子，但都没有用。我还是搞不清这是怎么回事。如果有人能帮忙就太好了。提前谢谢。:)
浏览 0提问于2018-10-04得票数 0
回答已采纳
1回答
如何用Cocoa制作按钮滚动条(按钮条)？
cocoa、nsview、nsscrollview、nsbutton、nsscroller
我希望在滚动视图中有按钮(或创建可滚动按钮栏的另一种解决方案)。
我将按钮并排放置在视图顶部。当用户将窗口大小调整为较小时，可以看到的按钮较少。当所有的按钮都无法查看时，我希望用户仍然能够通过水平滚动访问所有的按钮。为了可视化这一点，想象一下，在Safari中，如果你打开的标签太多，窗口无法容纳--我希望用户能够向右滚动，并显示屏幕上没有的标签。
浏览 7提问于2012-05-27得票数 0
回答已采纳
1回答
分阶段捐款表格
javascript、jquery、css、forms、twitter-bootstrap
我一直在尝试创建一个分阶段的捐款表单，在Bootstrap中，您可以使用向前和向后的按钮移动到同一表单的另一部分。它会在顶部有一个很好的指示器，表示你正在完成的步骤。我找到了一个这样做的，它非常好，但是它有一些问题，我希望有人能帮我修复(链接处的代码)：
1)如果与另一列并排放置在列中，则当按下next按钮时，它会出现故障，将内容移到一行。2)我无法应用CSS min高度属性，并在按下next按钮后使其保持为真。这将使表单的每个部分保持相同的高度
浏览 0提问于2015-04-29得票数 2
回答已采纳
1回答
并排定位jQuery UI对话框
jquery、jquery-ui、jquery-ui-dialog
我需要并行创建对话框小部件，如下所示：
每次单击该按钮时，它都应该创建一个新的对话框小部件实例，并将其并排放置。问题是，每当我单击按钮时，它总是在相同的位置创建新实例(重叠)。知道如何创建新的对话框实例并将其并排放置吗？
浏览 3提问于2016-04-18得票数 1
回答已采纳
2回答
为什么我的bootstrap-sass规则被用户代理规则覆盖？
ruby-on-rails、ruby-on-rails-3、ruby-on-rails-3.1、twitter-bootstrap、sass
我正在尝试使用带有“Bootstrap -sass”gem的Twitter bootstrap，但由于某些原因，行为绝对不正确。根据样式为class="btn"的提交按钮判断，如下所示 <%= f.submit %>结果是存在引导程序样式，但它们被用户代理规则覆盖，因此结果是出现在引导程序按钮顶部的标准Chrome按钮。，但没有成功
*= requi
浏览 2提问于2012-07-31得票数 2
回答已采纳
6回答
将按钮并排放置
java、layout、jbutton、layout-manager
我怎样才能使按钮并排放置。我用gridBagLayout设计layout.The的问题是按钮放得太远了。我试图选择中心作为锚点，但这会使按钮重叠。如果我使用西方和东方，按钮放置的距离太远。
浏览 0提问于2009-10-08得票数 1
回答已采纳
2回答
Windows Phone 8.1中按钮的最小大小
windows-phone-8.1
普通按钮不能设置小于109 px，RadioButtons不小于168 px。有办法让按钮变小吗？
浏览 1提问于2014-06-17得票数 7
回答已采纳
1回答
Bootstrap并排按钮文本溢出
html、css、twitter-bootstrap、flexbox
在左边的部分，我有两个并排的按钮，其中一个按钮有很长的文本字符串，如“Edit Categories”。此按钮溢出文本，最终折叠并堆叠在另一个按钮上。我是开发人员，但我不是真正的设计。这一个的预期行为是两个按钮应该并排在大屏幕上，并在中，小和超小分辨率堆叠。我还试着在包含<a>的div中放入col-sm, col-md, col-xs，但是没有。
<!
浏览 1提问于2018-04-12得票数 0
2回答
如何单击Salesforce应用程序中的Continue按钮？
webdriver
我无法单击屏幕上的“继续”按钮。下面是我使用的代码，LoginPage2.driver.findElement(By.name("Continue")).click()；
两个按钮并排放置，分别是“继续”和“取消”。我可以使用相同的命令单击Cancel按钮，但不能使用前一个命令。
浏览 0提问于2012-12-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
