我目前正在将我的网站切换到Bootstrap 3.0.我遇到表单输入和文本格式问题.在Bootstrap 2中有效的功能在Bootstrap 3中不起作用.
如何在表单输入之前和之后获取同一行上的文本?我已经将它缩小到示例的Bootstrap 3版本中的'form-control'类的问题.
我如何在一行中获取所有文本和输入?我想bootstrap 3示例看起来像jsfiddle中的bootstrap 2示例.
<div class="container ">
<form>
<h3> Format used to look like this in Bootstrap 2 </h3>
<div class="row ">
<label for="return1"><b>Return:</b></label>
<input id="return1" name='return1' class=" input input-sm" style="width:150px"
type="text" value='8/28/2013'>
<span id='return1' style='color:blue'> +/- 14 Days</span>
</div>
<br>
<br>
<h3> BootStrap 3 Version </h3>
<div class="row">
<label for="return2"><b>Return:</b></label>
<input id="return2" name='return2' class="form-control input input-sm" style="width:150px"
type="text" value='8/28/2013'>
<span id='return2' style='color:blue'> +/- 14 Days</span>
</div>
</form>
Run Code Online (Sandbox Code Playgroud)
更新:我将代码更改为有效但现在无法对齐的代码.有任何想法吗?
<div class="form-group">
<div class="row">
<div …
Run Code Online (Sandbox Code Playgroud) 我有一个表单,我想从中将一些默认值复制到输入中.表单输入使用selectize.js插件.我想以编程方式设置一些表单值.这样做的标准方法:
$("#my_input").val("My Default Value");
Run Code Online (Sandbox Code Playgroud)
不起作用.
我尝试过类似的东西,但它也不起作用.
var $select = $("#my_input").selectize();
var selectize = $select[0].selectize;
selectize.setValue("My Default Value");
Run Code Online (Sandbox Code Playgroud)
有任何想法吗?这很简单:)我很想念它.
如何在Bootstrap 3中垂直对齐标签和输入?我希望标签和输入都在同一行.我玩过不同的类和自定义CSS但似乎没什么用.
<div class="form-group">
<div class="row">
<div class="col-xs-3">
<label for="class_type"><h2><span class=" label label-primary">Class Type</span></h2></label>
</div>
<div class="col-xs-2">
<select name="class_type" id="class_type" class=" form-control input-lg" style="width:200px" autocomplete="off">
<option >Economy</option>
<option >Premium Economy</option>
<option >Club World</option>
<option >First Class</option>
</select>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud) 在移动平台上打开Bootstrap 3模式时如何防止后台滚动?在桌面浏览器上,阻止后台滚动并按预期工作.
在移动浏览器(Safari ios,Chrome ios等)上,当打开模态并使用手指滚动它时,背景也会像模态一样滚动.我该如何预防呢?
我尝试使用Bootstrap 3.1.1格式化我的注册页面.我希望前两个输入在同一行,而其他输入是一个有自己的行.我玩过引导类"row","form-inline"和"form-horizontal"都无济于事.
有谁知道怎么做?
这是小提琴
<style>
.reg_name {
max-width:200px;
}
</style>
<form name="registration_form" id='registration_form' class="form-inline">
<div class="form-group">
<label for="firstname" class="sr-only"></label>
<input id="firstname" class="form-control input-group-lg reg_name" type="text" name="firstname"
title="Enter first name"
placeholder="First name"/>
</div>
<div class="form-group">
<label for="lastname" class="sr-only"></label>
<input id="lastname" class="form-control input-group-lg reg_name" type="text" name="lastname"
title="Enter last name"
placeholder="Last name"/>
</div>
<div class="form-group">
<label for="username" class="sr-only"></label>
<input id="username" class="form-control input-group-lg" type="text" autocapitalize='off' name="username"
title="Enter username"
placeholder="Username"/>
</div>
<div class="form-group">
<label for="password" class="sr-only"></label>
<input id="password" class="form-control input-group-lg" type="password" name="password"
title="Enter password" …
Run Code Online (Sandbox Code Playgroud) 我一直在网上搜索但找不到答案.是否可以在图像上/中覆盖或嵌入引导按钮?如果是这样,怎么样?
我有一个图像,我想覆盖一个自举按钮,所以它看起来像是嵌入在图像中.我希望按钮上有一个动态标签(例如某人的名字).
我试图在spinstrap 3模态中显示和居中spin.js微调器.使用下面的代码我可以在IE和FF中使用它,但不能在Chrome,Safari桌面,Chrome IOS,Safari IOS中使用.
这个问题似乎与动画中的淡入淡出(灰色背景叠加)有关,因为当我将模态类设置为"模态显示"时,它可以工作,但当然没有动画淡入淡出.看到这个jsfiddle.当我使用"$('#Searching_Modal").modal('show');"它在上述某些浏览器中不起作用时.
在chrome和firefox上运行这个jsfiddle你会明白我的意思.有人知道如何解决这个问题或者做得对吗?我确实希望bootstrap模式淡入功能.
我正在使用Bootstrap 3和spin.js.
<div id="Searching_Modal" class="modal fade" tabindex="-1" role="dialog" data-keyboard="false"
data-backdrop="static">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" style="text-align: center">
<h3>Searching for Seats</h3>
</div>
<div class="modal-body">
<br>
<br>
<br>
<div id="searching_spinner_center" style="position:fixed; left:50%"></div>
<br>
<br>
<br>
</div>
<div class="modal-footer" style="text-align: center"></div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
这是spin.js设置代码:
var opts = {
lines: 13, // The number of lines to draw
length: 20, // The length of each line
width: 10, // The line thickness
radius: …
Run Code Online (Sandbox Code Playgroud) html modal-dialog spinner twitter-bootstrap twitter-bootstrap-3
我正在尝试在Pymongo获得有序的词典.我已经读过它可以用bson.son.Son完成.文件就在这里
但是,我似乎无法使其发挥作用.谷歌没有太多关于它.关于配置pymongo的一些讨论首先告诉它使用SON对象但没有例子.一位朋友建议在你找到时传递一个参数.他不记得了.
我能够创建SON对象.但当他们插入数据库然后再回来时,他们只是简单的说法.
我不确定是什么代码示例给你,因为我真的不知道从哪里开始.每次添加新用户时,下面的代码段都会创建一个空的SON对象.'sub_users'对象也是使用SON创建的.当我从数据库中读回帐户文档时,它们只是普通的python dicts.
account['sub_users'][sub_user_name] = bson.SON()
with mongo_manager.Collection(CFG.db, 'Users') as users:
users.save(account)
Run Code Online (Sandbox Code Playgroud)
也许一个param过去找到这样的配置?这是我朋友的建议,但他不记得了.
with mongo_manager.Collection(CFG.db, 'Users') as users:
account = users.find_one({'_id': _id, 'DOC':'OrderedDict})
Run Code Online (Sandbox Code Playgroud)
有任何想法吗?
我正在尝试使用python请求1.2.3库将cookie添加到现有的cookiejar中.每次添加新cookie时,jar中的数据都会被用于新cookie.密钥丢失,值丢失或与不正确的密钥匹配.我不确定它是否是一个请求库错误或我没有正确发送cookie.我正在使用以下代码导致cookiejar中出现错误的cookie.我是否正确格式化了cookie?有任何想法吗?
my_cookie = {
'domain':'www.mydomain.com',
'expires':None,
'name':'COOKIE_NAME',
'path':'/',
'value':'the cookie works',
'version':0
}
s = requests.Session()
requests.utils.add_dict_to_cookiejar(s.cookies, my_cookie)
Run Code Online (Sandbox Code Playgroud) 我有一个打开的模态,我逐行插入元素.每行都有自己的ID标签.目前,当列表比模态窗口大时,文本才会隐藏在模态窗口的底部.您可以手动使用滚动条,但我希望文本在打印时在模态窗口中向上滚动.
我玩过以下代码,但只是滚动模态后面的网页.我也尝试用模态元素替换'html,body'无济于事.
$('html, body').animate({ scrollTop: $('#Element').offset().top }, 500);
Run Code Online (Sandbox Code Playgroud)
我确定我关闭了.有什么建议?
谢谢
html ×8
css ×3
modal-dialog ×3
html5 ×2
javascript ×2
jquery ×2
bson ×1
cookies ×1
formatting ×1
pymongo ×1
python ×1
python-3.x ×1
scroll ×1
selectize.js ×1
spinner ×1