在移动屏幕大小中对齐按钮和输入表单- Bootstrap
在移动屏幕大小中对齐按钮和输入表单是通过使用Bootstrap框架来实现的。Bootstrap是一个流行的前端开发框架，它提供了一套CSS和JavaScript组件，可以帮助开发人员快速构建响应式和移动优先的网站。
对于移动屏幕大小中的按钮和输入表单对齐，可以使用Bootstrap的栅格系统和CSS类来实现。栅格系统是Bootstrap的核心组件之一，它将页面划分为12个等宽的列，开发人员可以根据需要将按钮和输入表单放置在不同的列中，以实现对齐效果。
以下是一个示例代码，展示了如何在移动屏幕大小中对齐按钮和输入表单：
<div class="container">
<div class="row">
<div class="col-sm-6">
<input type="text" class="form-control" placeholder="输入表单">
</div>
<div class="col-sm-6">
<button type="button" class="btn btn-primary">按钮</button>
</div>
</div>
</div>在上面的代码中，使用了container和row类来创建一个容器和行，然后使用col-sm-6类将输入表单和按钮分别放置在两个等宽的列中。这样，在移动屏幕大小下，输入表单和按钮将垂直对齐显示。
推荐的腾讯云相关产品：腾讯云移动开发平台（https://cloud.tencent.com/product/mpp）
腾讯云移动开发平台是腾讯云提供的一站式移动应用开发平台，提供了丰富的移动开发工具和服务，包括移动应用开发框架、移动应用测试、移动应用分析等，可以帮助开发人员快速构建高质量的移动应用。
希望以上信息能对您有所帮助。
相关·内容
1回答
使用Bootstrap3，单选按钮文本的堆叠在移动(Xs)视图- 中是不正确的。
屏幕截图：
可以看到，文本与移动(Xs)视图中的单选按钮没有正确对齐。
浏览 5提问于2013-12-19得票数 1
回答已采纳
使用，我得到了一个input-append表单：
<form class="bs-docs-example">
<div class="input-append">
<input type="text" id="form-input" class="span2">
<button type="button" class="btn" id="form-btn">Go!</button>
浏览 0提问于2013-06-09得票数 5
回答已采纳
1回答
我正在使用Twitter Bootstrap创建一个针对移动设备的页面。因为它是针对移动设备的，所以我希望我所有的表单UI元素都是漂亮和大的。
对于普通的文本输入，input-lg类很好地实现了这一点。但它在单选按钮或复选框上是的，我在中看不到与之对应的类。
如何对复选框和单选按钮实现相同的结果？
浏览 1提问于2014-08-27得票数 2
1回答
关于我的CSS样式，我有下一个问题：
我希望在表单中间对齐输入(每个输入都放在自己的div中)。
表单的HTML标记：
(只是发布了没有文档类型等的表单内容，因为网页没有其他div，并且这个代码块是我的html文档中唯一的主体)。
它的CSS样式：
html & body默认定义为width/height = 100%
html, body
{
width: 100%;
height: 100%;
...
来自Chrome浏览器devtools的屏幕截图：
如你所见，输入已经超过了div大小，我不知道为什么。
另外，我在UI中使用了bootstrap库，
浏览 3提问于2013-06-24得票数 0
回答已采纳
4回答
我试图让标签不包装在Bootstrap3，但似乎无法使它发挥作用。
我试着把‘单词包装:打破词’放在标签上，但这似乎也没有打破标签的句子。
我在文档中确实看到了“在. for group中包装标签和控件以获得最佳间距。”但是我不能使用‘表单组’，我想如果我想要使用引导div分别控制标签/答案的网格/表单布局(标签/输入更便于移动，并且在xs屏幕上扩展到100%的屏幕筛选器，但是在sm+屏幕上，标签显示在输入的左边以节省屏幕空间)。
举个例子..。扩大小提琴的右侧框架非常大，然后你看到表格标签被放置在左边与右文本对齐和问题发生。
未包装的第三个标签的下面图片：
下面是用于标签/输入设置的
浏览 5提问于2015-05-06得票数 14
回答已采纳
3回答
将按钮插件输入与文本对齐
、、、
我有一个表单与2个输入，文本输入和提交表单的按钮。
在此表单的旁边，左侧有文本。
我希望将左侧的文本与文本输入字段对齐。
这里有一个小提琴：
CSS代码：
.text, .form{
display: inline-block;
}
HTML代码：
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<div class="container">
<p class=&
浏览 32提问于2019-10-31得票数 1
我有一个使用Bootstrap框架的web表单。
我想要右对齐“保存”和“取消”按钮时，表单显示在一个完整尺寸的屏幕上。
使用Bootstrap 3 css的正确方法是什么？
<div class="row">
<div class="col-md-9">
<input type="reset" value="Cancel" class="btn btn-default btn-danger" />
</div>
浏览 0提问于2014-08-22得票数 1
2回答
搜索按钮已修复，未移动
、、、
要移动“搜索文本”按钮和“搜索”按钮，我将边距设为向左....但是当我调整浏览器窗口的大小时，搜索按钮仍然是静止的……如何让它相对于title和wisth移动...搜索输入框和选择菜单应该在屏幕的右端
Bom创建表单
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</optio
浏览 2提问于2013-02-12得票数 0
我将动画gif放入资源编辑器中。我基于此gif图像创建了一个按钮，该按钮还有一个文本：
r = Resources.open("/resources.res");
uploadImg = r.getImage("upload");
envoieBtn = new Button("Envoyer", uploadImg);
envoieBtn.setTextPosition(Label.BOTTOM);
envoieBtn.setAlignment(Label.CENTER);
此按钮放在主屏幕中，只有通过主屏幕上的第三个按钮(捕获图像中的第二行第
浏览 1提问于2011-09-26得票数 0
回答已采纳
我想知道使用Bootstrap 3完成以下响应性设计的最佳方法是什么。我只能让它看起来有点像我的目标，如下所示：
正常大小的监视器目标：
移动设备目标：
到目前为止，我已经尝试过了:以下是我所能做的最好的事情。
HTML：
CSS：
300 of只是在我的屏幕上看起来不错，但我更喜欢响应式的设计来控制页面的缩小和增长，而不是这个数字。最完美的方法是简单地使用文本-对齐:左对齐和文本对齐:右，但问题是，当响应性设计启动时，移动设备仍然把它们放在左边和右边，而不是两者都在左边。我希望他们都在左边堆叠在一起。我的代码可以在上面工作，但我确信还有更好的方法。谢谢
浏览 3提问于2015-02-04得票数 0
回答已采纳
我有一个背景图像和框架布局的登录活动。
framelayout将替换为相对布局，该布局包含相对布局中的三个编辑文本框和相对布局底部的一个按钮，即alignParentBottom = true。
当我将焦点放在任何编辑文本框上时，键盘都会升起，我希望它们都相应地移动，底部的按钮应该正好在键盘上方，所以我在清单中使用adjustResize，但这会使我的背景图像调整大小，即压缩并在屏幕的可见空间中显示它。
我需要我的背景图像不移动，而所有其他组件应该根据屏幕移动。
如果我使用adjustPan，则对齐到父级底部的按钮不会放在小键盘的上方，并且在软垫后面是不可见的。
请在这方面帮助我，如果有人知道
浏览 3提问于2013-09-27得票数 2
假设我有多个按钮垂直和水平对齐，如屏幕截图所示。在相同的距离上有三排。在第一行和第三行，将有两个高度和宽度相等的按钮，第二行将有水平对齐的按钮。我在故事板中设置了按钮、图像和文本。控件对齐被设置为Button(查看事务处理)的水平vertical.Constraints：top space, bottom space equals to:8(New Launches Button) leading and trailing space equals to:8(superview) and 8(Place Request Button) respectively, and equal width
浏览 2提问于2016-01-13得票数 0
回答已采纳
2回答
我在父div中嵌套了三个div，如下所示：
.button-class {
margin-top: 0.5rem;
margin-right: 0.5rem;
margin-left: 45rem;
}
.svg-class {
margin-top: 1rem;
}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJD
浏览 6提问于2022-03-17得票数 1
回答已采纳
1回答
我想设计一个导航栏，类似这样的平板电脑和大屏幕。
在小屏幕上应该是这样的。
点击按钮上的所有数据都应该垂直对齐.
我试了几次，但都没成功。是否可能只使用引导程序？如果是的话，如何处理这个问题。
下面是我尝试过的代码(不是很精确，因为我修改得太多了)。
code
ps:-使用bootstrap3
浏览 0提问于2018-02-27得票数 1
我想显示记住我的复选框和提交按钮内联使用Bootstrap 3在我的登录表单。
<div class="row">
<div class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
<div class="checkbox">
<label>
<input type="checkbox" name="remembe
浏览 2提问于2016-02-15得票数 0
我有一个相当简单的大输入，还有一个使用bootstrap3框架的提交框，它在桌面/平板电脑分辨率上显示得很好，但是在移动视图下查看--在输入框下的submit按钮幻灯片--看起来很难看。
我如何缩小输入/提交按钮，以适当调整大小，使它们不平铺在对方之上，或者如果这是不可能的，提交按钮中心对齐移动屏幕大小？
<div class="col-md-8 col-md-offset-4">
<div class="input-group input-group-lg">
<form class="na
浏览 4提问于2014-03-01得票数 0
回答已采纳
我正在开发一个基于PC的web应用程序，但在不久的将来将支持平板电脑和智能手机。我们使用Twitter Bootstrap ()和JQuery作为CSS/Javascript核心。
在以前的大多数开发中，我们使用表格来布局我们的表单，因为大多数应用程序都是针对桌面使用的，因此使用表格来布局表单(大多数是两列)以确保对齐等等。
然而，现在我们正在考虑添加屏幕空间有限的移动设备，并考虑到并不是所有的表单都可以在智能手机上访问，我开始考虑是否应该保留表，并为移动设备创建无表表单。我相信Twitter Bootstrap将为我们提供所需的表少表单支持，但我仍然想知道这是2012年的一个主要问题吗？
作
浏览 1提问于2012-04-09得票数 1
我有一个包含两个列表的表单工具，以及它们之间的一组工具，这些工具在大屏幕上以三列形式排列，如……
<div class="row">
<div class="col-md-5">
AVAILABLE LIST (1)
</div>
<div class="col-md-2">
MOVEMENT BUTTONS (2)
</div>
<div class="col-md-5">
浏览 4提问于2014-09-03得票数 0
回答已采纳
我有一个混合了可编辑字段和只读字段的表单，我想使用Bootstrap设置样式。可编辑字段已正确对齐，但只读字段未正确对齐，如以下屏幕截图所示：
我使用的HTML是：
<form class="form-horizontal">
<div class="control-group">
<label class="control-label">Name</label>
<div class="controls">
John Smith
</
浏览 1提问于2012-11-09得票数 47
回答已采纳
我有一个表单，我从使用bootstrap.min.css col-lg-6的表单中插入了一个片段。
现在，当屏幕宽度很大时，第一列文本将在左边，按钮在右边。
当宽度很小的时候，假设是移动的，那么带有文本的列将位于顶部，按钮将位于底部
我想让事情保持不变的大宽度，文字在左边，按钮在右边。对于移动设备，我希望它是相反的，按钮在顶部，文本在底部。
到目前为止，我唯一的想法是制作2个按钮，并根据屏幕大小隐藏额外的按钮。
但还有别的办法吗？
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap
浏览 4提问于2022-10-09得票数 0
回答已采纳
假设我有一个Register类，通过一个(UIButton) "Go“按钮，我检查了用户输入的所有字段，所有字段都是UITextField。我为注册类中的"Go“按钮做了一个动作，通过一个按钮移动到下一个ViewController，同时在动作函数中，我检查用户输入(例如，坏邮件x@xxx)，如果用户输入了错误的输入，我不想移动到新的屏幕。所以，长话短说，我的问题是如何设置在屏幕之间移动的条件。“如果用户输入了正确的输入，请移动...否则留下来”我不想做另一个按钮来检查表单的正确性，然后，首先用户将按下检查按钮，然后按第二个按钮发送表单。
谢谢!
浏览 1提问于2012-11-26得票数 1
3回答
所以我开始使用Boostrapp，不太理想的是，我在我的大屏幕上试了试，它看起来像是缩小了。在平板电脑和笔记本电脑上，它的分辨率是1280，但在1960年，它就被缩小了。
在使用boottrap之前，我用em单元解决了这个问题，只需将字体大小放大，例如媒体屏幕1600的字体大小为105%，媒体屏幕1900的字体大小为110%。我所有的按钮，表单，页眉都会调整。但这在bootstrap中不起作用。
所以我的问题是，人们如何使用bootstrap来处理大屏幕，而不是为每个屏幕大小编写1000行代码。
浏览 1提问于2015-12-29得票数 1
我有一个漂亮的Bootstrap表单，它的工作很好，对移动设备的响应也很漂亮。然而，一些表单字段在移动屏幕上时会变得太窄。
例如，这里有一些来自桌面版本的字段，这很棒：
这是该表单的相同部分，但在移动视图中：
如您所见，字段变得有点窄。我更喜欢表单将这些字段以100%的宽度包装到它们自己的行上。在Bootstrap中有办法做到这一点吗？
浏览 0提问于2015-09-04得票数 0
2回答
我想知道是否有任何方法可以使用Twitter Bootstrap的按钮下拉菜单来替换表单中的选择框。对于移动设备上的用户来说，按钮下拉框比标准选择框更优雅、更容易，我希望能够在表单中利用它，这样按钮下拉输入就可以在表单提交时传递。
浏览 2提问于2013-10-16得票数 1
1回答
如何绕过画板？
我想把我的按钮在屏幕底部移动一点
我使用的是bottomNavigationBar，但我的按钮是从屏幕底部往下看
bottomNavigationBar: Row(
children: [
Expanded(
child: GestureDetector(
child: SizedBox(
width: 190,
height: 190,
child: FlareActor(
'assets/Plus_Animat
浏览 4提问于2020-09-06得票数 1
1回答
我在玩引导表单元素，并注意到输入类型文本的垂直对齐属性在某种程度上影响了附近标签的定位。
顺便说一下，这个输入类型的文本有来自引导样式的10 By的页边距。
以下是代码：
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Boo
浏览 1提问于2014-02-09得票数 1
回答已采纳
1回答
我有一个UIImageView，我使用对齐中心X和对齐中心Y约束放置在屏幕中心。我希望图像与动画移动到屏幕顶部，保持容器中的水平对齐，当我按下按钮时，从顶部有20的空间。以编程方式删除对齐中心Y约束并添加顶空间约束是一个很好的方法吗？
浏览 1提问于2016-02-23得票数 0
回答已采纳
我有一个具有多个窗体的应用程序，这些窗体通过按下另一个窗体上的按钮来调用和显示。我想让这些表单都在屏幕上的相同位置，都有相同的大小和规模。因此，对于用户来说，它看起来就像一个屏幕，他不能在表单之间切换。我确实希望窗体在桌面上是可调整大小和可移动的。在FireMonkey中实现这一点的最佳方法是什么？
浏览 0提问于2020-12-09得票数 1
2回答
我正在开发一个必须与多种设备兼容的站点，所以我选择了使用Bootstrap。我的问题是，虽然我有一个很好的响应网格布局，我没有看到一个开箱即用的解决方案，使我的网站的其他视觉部分响应。我的意思是，例如字体大小，表单字段大小，按钮大小等。
例如，我想要的是桌面的普通按钮大小，移动设备的大按钮大小(. mobile类)。与表单输入类似。对于这种响应方式，有一个很好的全球级别的解决方案吗？
谢谢你的回答。
编辑:我希望尽可能多地重用现有的引导类，尽量减少添加的媒体查询或其他代码。我正在寻找类似于基于分辨率的元素的“条件类”，如:如果有"sm“或更小的屏幕，将"btn-lg”添加到&#
浏览 6提问于2014-02-19得票数 1
回答已采纳
2回答
我们有一个flex应用程序，在这个屏幕上需要花费大量的时间来加载，几乎60 seconds.Basically屏幕是一个非常大的形式。我想将表单划分为向导，但是客户端想要一个垂直滚动的表单。现在表单中有8个部分，每个部分有两个表单元素(大约16个表单组件)，但是我已经将每个部分划分为一个独立的组件，因为一些部分被重用了，.So整个屏幕就像
Form -分为8节，每节都是包含在中的mxml组件，几乎每个组件都包含两个在水平流中并排保存的表单组件，即：
这个屏幕需要花费大量的时间来加载。我该如何加快速度，请告诉我的方法。
另外，主应用程序加载时间并不长，这个特定的屏幕是在单击按钮时加载的，单击按钮
浏览 3提问于2011-02-10得票数 0
回答已采纳
1回答
我正在使用Bootstrap为我的个人网站一个简单的登陆页面。我有一排接触按钮沿底部，我是对齐的列。我在桌面上的设置非常好，但是在移动(我使用的是iPhone 5)上，按钮被移到了右边。我尝试过不同的断点大小和列的偏移量，但我似乎无法让它们在桌面和移动设备上正确地对齐。
浏览 4提问于2015-04-06得票数 1
回答已采纳
2回答
我正在做一个网站与许多的形式，设计为移动使用(小屏幕)。
有没有真正专注于用户友好的触摸式移动表单的框架？意味着大按钮，易于调整元素大小，并尽可能多地显示在屏幕上？更像是原生应用？
我试过Twitter Bootstrap，但它对手机用户不是很友好。
浏览 0提问于2015-02-25得票数 1
我一直在尝试对齐我的按钮和表单输入标签，但是如果我使用普通的HTML表单进行引导，似乎什么都不起作用。
<div class="input-group">
<input type="text" class="form-control">
<span class="input-group-btn">
<button class="btn btn-primary" type="button">Go!</button>
浏览 0提问于2015-04-06得票数 1
1回答
我有一个Django模板来呈现一个表单。守则是：
{% block body %}
<h3>
Create Listing
</h3>
<table>
<form action="{%url 'create' %}" method="POST">
{% csrf_token %}
{{ form.as_table }}
<input type="submit"
浏览 1提问于2021-07-09得票数 0
回答已采纳
1回答
我是bootstrap 4的新手。试图创建一个网格系统，使内容在较宽的屏幕上保持对齐，在较小的屏幕上居中显示。
我有这个代码片段：
我可以通过将行“class=-content- center”添加到"row“div来对齐到中心。然而，我没有设法使它左对齐仅用于lg断点。有什么想法吗？感谢Sagi
浏览 0提问于2017-11-21得票数 0
我在TableRows中有带有文本和TableRows的表单来捕获一些用户数据。根据输入的数据类型，有些行是空的，因此我使用SizedBoxes来维护所有行的固定高度，以便表单底部的“Save”按钮在显示填充/空白行时不会移动(这似乎是基于internet搜索的推荐方法)。
在添加SizedBox小部件之前，文本和TextFormFields在表级别上由defaultVerticalAlignment: TableCellVerticalAlignment.middle很好地对齐。既然我已经添加了SizedBox小部件，我现在就看不出如何对齐这些项。
我在网上搜索过，但找不到这个问题的答案。说
浏览 9提问于2022-10-25得票数 0
回答已采纳
1回答
我的表单： ? 我正在尝试对齐表单中的按钮/输入区域。我已经尝试将引导边距选项添加到它们的类中，以将它们移动到无可用状态，例如，将ml-n2添加到日期输入中，以使其更接近标签“日期和时间”。我尝试过许多CSS/bootstrap的变体来改变页边距，但我不明白为什么按钮/输入不能移动。如何对齐“禁止吸烟”按钮、“日期”输入和“取消”按钮的左侧？我已经链接了上面表格的一张图片。 <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css&
浏览 13提问于2021-09-08得票数 1
我正在尝试让一个水平输入或表单在移动设备上(使用bootstrap)变得垂直。我在这里找到了答案，但它不起作用，可能它已经过时了。 原始的bootstrap代码已修改，因此输入将位于屏幕的右侧。当我尝试几年前在这里找到的答案时，它根本不起作用，而且还修改了桌面上的原始结果。我也应该使用表单标签吗？我甚至不确定..。我绝望了，请帮帮我..。 <div class="row mx-1">
<div class="col-lg-4 float-left">
<h5>Recevez nos offres ou annon
浏览 11提问于2019-09-09得票数 1
1回答
我有以下html。我使用的是Bootstrap 3框架。我试图垂直对齐我的按钮与h2标题在行。问题是按钮与列div的顶部对齐，而不是像标题那样在中间对齐。另外，当屏幕变小时，按钮就会与底部对齐。我和小提琴有联系。
<div class ="row">
<div class="col-sm-9">
<h2>Dashboard</h2>
</div>
<div class="col-sm-3" >
<
浏览 0提问于2015-12-09得票数 2
回答已采纳
我有一个屏幕，我在一个Linearlayout中垂直显示五个按钮。此线性布局位于相对布局内，并与父项右侧对齐。现在我需要的是，当任何按钮被点击时，它应该向左移动，而其他按钮保持在原来的位置。我试图在被点击时给按钮留出左边距，但问题是所有的按钮都在移动，而不仅仅是那一个。
以下是代码
final LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(
LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutPar
浏览 0提问于2011-09-26得票数 0
回答已采纳
1回答
什么是所有的要求，使一个垂直滚动条显示？看起来很随意。
我试过：
HorzScrollBar.Range := 10000; // set the range to an higher number
VertScrollBar.Range := 10000; // set the range to an higher number
ShowScrollBar(Handle, SB_BOTH, True);
结合对象检查器中的调整范围以及AutoScroll的on/off，客户端高度(窗体的)。我想在过去的一小时里我已经有了所有可能的组合。看起来，不管我做什么，滚动条都不再回来了--当我随机地重
浏览 2提问于2016-07-03得票数 0
1回答
使用jQuery1.11.1，我在表单submit上发送一个ajax请求：
...
contactForm.on('submit', function(e) {
e.preventDefault();
$.ajax({...});
...
表单是由输入文本、文本区域和提交按钮组成的ContactForm。
运行在桌面模式的 (Chrome，Firefox，IE，.)没有问题:提交事件被触发，ajax调用运行良好。
当我在移动设备 (Android，Ios，.)中提交表单时当显示键盘时，表单不会被子化。如果我隐藏键盘，然后点击submit按钮，表单就会被提交，ajax调用
浏览 4提问于2015-08-24得票数 4
下面的代码有6个div块。
6块应在大屏幕上水平对齐
3块应在移动屏幕中水平对齐(3 div块*2行)
<div class="container">
<div class="row">
<div class="col-sm-2">
1
</div>
<div class=" col-sm-2">
2
</div>
<div class=" col-sm-2">
浏览 2提问于2021-12-29得票数 0
回答已采纳
4回答
我有一个使用Twitter Bootstrap框架的WordPress网站。以下是网站：
我正在尝试设计一个与他们在示例页面()中使用的搜索表单非常相似的网站的搜索表单。然而，搜索按钮的高度比输入元素大得多，我的目标是让它们的高度相同。
我认为有一种CSS风格覆盖了我想要做的事情，但是我已经用了FireBug很久了，找不到答案。也可能是我忽略了的一些非常简单的东西。
无论哪种方式，任何帮助都是非常感谢的。
浏览 1提问于2012-11-06得票数 0
回答已采纳
正如标题所说，我们有一些图表在左侧有两个y轴，因此，如果屏幕变小，则缩放按钮会与范围输入重叠。
理想情况下，我希望缩放按钮始终对齐到图表的左侧(包括轴)
谢谢
我在应用程序接口中找不到任何东西表明可能是
浏览 0提问于2013-04-26得票数 4
回答已采纳
2回答
我能够得到我想要的表单，我想把按钮放在输入表单中，但是当屏幕越来越小时，表单和按钮就不能互相叠加，就像如果按钮不在表单中一样。
基本上，我想要在桌面上的表单内的按钮，并堆叠在一起，为移动。有什么想法吗？如果我将按钮位置更改为相对位置，则不能将其放置在形式上
.button {
font-size: 16px !important;
border-radius: 50px !important;
position: absolute;
margin-right: 5px !important;
}
#form {
display: flex;
flex-dire
浏览 2提问于2021-09-05得票数 3
回答已采纳
2回答
我使用的是bootstrap 3.3.7，我使用标准的bootstrap类来创建菜单。我已经重新设置了它的样式，以便颜色设置为白色，背景颜色为紫色。当页面初始加载时，一切正常。当我用鼠标缩小屏幕宽度时，我的菜单开始像预期的那样向下折叠，但菜单似乎消失了。如果我停止缩小屏幕尺寸，然后将鼠标移到菜单应该在那里的位置，它就会回到视图中。所以操作是有效的，菜单在移动时没有保持它的配色方案。是不是错过了什么把戏？
如果我将屏幕大小调整为767，以使我的“汉堡包”按钮出现在菜单中，我也会遇到同样的问题。我单击汉堡包，直到我将鼠标移到菜单所在的屏幕左侧时，似乎什么都没有显示。
浏览 33提问于2018-07-25得票数 0
在我正在处理的WinForm中，我在文本框之间有两个TextBox小部件和一个按钮。当表单启动，而winform最小大小时，TextBoxes看上去就像预期的那样。在靠近中间按钮的项目之间没有空隙。如上图所示。
但是，当用户最大限度地使用winform时，TextBoxes移动到正确的位置，但不要展开以保持靠近中心的按钮。Textbox A锚定在左侧，Textbox B锚定在右侧。所以对齐是正确的。这是从底部的图形中看到的。
现在的问题是，如何使文本框A向右增长，使其靠近中间的按钮，而文本框B则增长到左侧，使其也接近按钮？
谢谢!埃里克
浏览 2提问于2015-08-19得票数 1
回答已采纳
2回答
我正在使用Bootstrap 3，并且我坚持一些表单格式。
例如，我希望有3个内联表单(每个都有标签、文本输入和按钮)，这样它们的元素(标签、文本输入、按钮)都将完全匹配(在列中？)
如果您查看，您可以看到，通过将col-xs-6设置为每个表单组，我几乎实现了这一点。但这使得输入和提交按钮之间的空间太大，并且在调整大小时太快中断(而且当我试图将整个表单设置为左对齐时，一切都会中断)。
那么有没有办法对齐这个表单元素而不是这个呢？
<form class="form-inline">
<div class="form-group col-
浏览 7提问于2016-09-14得票数 3
回答已采纳
我正在尝试将一个搜索按钮添加到我的Bootstrap nav的nav部分，当单击它时，它将扩展到一个搜索表单(本质上是相同的按钮，包括一个input标记)。
我似乎面临着一些问题：
该按钮与其他导航项不对齐。
当调整屏幕大小并单击按钮(以触发“展开”)时，搜索表单将不再显示在与其他导航项相同的行上(参见JS Bin链接，例如输出设置为769 of的宽度)。
我尝试过在z-index上乱搞，这样搜索表单就会显示在其他项目的“顶部”，否则就会重叠，但没有效果。我怎样才能做到这一点？是否有办法使膨胀/塌陷看起来更加无缝？
浏览 0提问于2016-03-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
