草庐IT

$bootstrap

全部标签

html - Bootstrap 表单,如何与 POST 一起使用

我正在做一个类项目,我有一个网页可以进行搜索:http://ada.uprrp.edu/~ehazim/hpcf_proj/basicsearch.html基本代码如下:SearchHPCFInventorySearchChooseSearchType:IPAdressSoftwareServicesISBNEnterSearchTerm:现在,我想使用bootstrap3使其变得“漂亮”。我想要的正是我网页中的内容,但老实说,我不了解bootstrap的形式(我是网页新手),主要是如何说它是通过POST以及如何放置变量名。我一直在这样的网站上寻找这个:http://bootsnipp

html - Twitter Bootstrap 选择箭头丢失

我在使用TwitterBootstrap中的选择下拉按钮时遇到问题。它发生在我安装在机器上的两个浏览器(IE11、Chrome)中,它不仅限于“我的网站”。这是Bootstrap网站的屏幕截图(操作系统:Windows8.1浏览器:Chrome)(http://getbootstrap.com/css/#forms-controls):我已经检查了控制台窗口,所有资源都在正确加载。谁能帮我解释为什么会这样/解决步骤? 最佳答案 TL;DR:您不能使用CSS更改图标。您必须使用一个库,该库使用HTML和JavaScript实现类似选择

html - 在 Bootstrap 3 中添加 div 之间的水平间距

我想在“客队”和“棒球场”div之间包含一个小的水平空间,如本fiddle所示:http://jsfiddle.net/VmejS/.我曾尝试更改填充、边距,包括小数列偏移量,但均未成功。这是html:TitleScoreboardAwayTeamBaseballFieldHomeTeamAtBatGameReport 最佳答案 最好的解决方案是不要对列和面板使用相同的元素:AwayTeamBaseballFieldHomeTeam还有一些样式:#gameplay-baseball-field{padding-right:10px;

html - Bootstrap 3 按钮组

**Bootstrap3我试图让每组按钮组都独一无二,但不同的组会相互干扰PaymentModeCash/Cheque/BankTransferJobsBuddyDisbursementPaymentPeriodImmediateMoreThan1day我如何让它在自己的组中保持独特 最佳答案 您可能想使用Bootstrap提供的radiobutton组(http://getbootstrap.com/javascript/#buttons),然后使用reset方法清除其他组..HTML:PaymentModeCash/Cheque

html - 如何将两个容器并排放置在 Bootstrap 中?

我尝试并排放置两个容器,但它们堆叠在一起。甚至容器流体类也无济于事。ContainerLeftContainerRight在Bootstrap中可以吗? 最佳答案 Bootstrap使用12列网格,因此您的每个div都将占据一行。您还将每一个都放在一行中,并且行将始终堆叠。试试这个:ContainerLeftContainerRight 关于html-如何将两个容器并排放置在Bootstrap中?,我们在StackOverflow上找到一个类似的问题: htt

html - Bootstrap : How to place button next to input-group

我无法弄清楚(符合“正确的Bootstrap”)如何让按钮位于div中的输入组旁边。它们需要居中对齐。这就是我想要的样子......这就是正在发生的事情......这是我当前的代码。DeleteUpdate我创建了这个jsfiddle...https://jsfiddle.net/ptwbn2av/谢谢! 最佳答案 您也可以试试pull-left类。Theclasses.pull-leftand.pull-rightalsoexistandwerepreviouslyusedaspartofthemediacomponent,but

javascript - 如何调整基于 Bootstrap 的 css 代码,使其对页面宽度的响应速度更快?

我创建了thisfiddle如您所见,我有一个包含两个文本的网页,一个在另一个下面。它在宽屏上运行良好,但是当我缩小网页-或者在移动设备上运行网页时-它搞砸了,就像这个截图:我考虑通过添加CSS移动查询来提高响应速度,但随后在我的代码中:@media(max-width:545px){.outer{width:100%;height:330px;top:0;position:relative;}.inner1{width:100%;height:320px;margin-bottom:0px;}.inner2{width:100%;height:330px;margin-bottom:

html - Bootstrap 4 内联表单全宽

我有一个内联表单,旁边有一个搜索栏和一个搜索按钮。如何强制input-groupdiv在Bootstrap4中跨越整个列并且最好不使用自定义CSS? 最佳答案 2018年更新删除form-inline..演示:http://www.codeply.com/go/4eu7w6KPkT另一种选择-在xs上垂直堆叠的全宽输入:Demo 关于html-Bootstrap4内联表单全宽,我们在StackOverflow上找到一个类似的问题: https://stacko

html - Bootstrap 3.1.1 页面 : Hide the URL of links

我有一个Bootstrap3.1.1页面,我想在打印/打印预览时隐藏链接的URL。我该怎么做?我想显示链接本身,如“购物车”、“我的帐户”等,但不想显示链接。正在发生的事情的屏幕截图:http://i.imgur.com/CQoqVyN.png 最佳答案 @mediaprint{a[href]:after{content:"";}} 关于html-Bootstrap3.1.1页面:HidetheURLoflinks,我们在StackOverflow上找到一个类似的问题:

html - twitter bootstrap 3 input-group-addon 与 btn-group 大小不一样

我必须在twitterbootstrap中创建一个input-group-btn,并附加一个下拉菜单,但下面的输出图像显示btn-group与输入组的大小不同。这是html代码:AddStationSearchBy123 最佳答案 您的问题是:你有btn-sm类的下拉菜单按钮,它会减小按钮的大小http://getbootstrap.com/components/#btn-dropdowns-sizing解决方案:删除btn-sm类您正在按钮上使用glyphicon。解决方案:如果使用glyphiconhttp://getboots