在chrome和firefox中:
form-inline导致标签向下移动,复选框和标签之间的空间比使用时更窄form-horizontal.form-horizontal 显示完美<form class="form-inline">
<div class="checkbox">
<label>
<input type="checkbox"/> Test againn
</label>
</div>
</form>
Run Code Online (Sandbox Code Playgroud)
这是一个截图:

有没有办法让复选框在两个浏览器中都正确对齐,或者我错过了什么?
css cross-browser alignment twitter-bootstrap twitter-bootstrap-3
我正在学习django,并决定使用django-allauth进行用户注册.我目前只想要本地帐户(我从settings.py中排除了社交身份验证).
当我访问时,/accounts/login我收到以下错误:
你没有设置SITE_ID设置就使用了Django"站点框架".在数据库中创建一个站点并设置SITE_ID设置以修复此错误.
官方Django文档说:
django_site数据库表中当前站点的ID(整数).这样可以使应用程序数据挂钩到特定站点,单个数据库可以管理多个站点的内容.
但我不太明白这一点.现在我只是在开发环境中运行django,通常只是做python manage.py runserver运行的东西,我可以测试我的应用程序.
如何SITE_ID使用本地帐户解决此问题?解决方案在生产/开发环境中会有所不同吗?
有没有办法只使用html中的data属性来查找元素,然后获取该值?
例如,在html doc中使用此行:
<ul data-bin="Sdafdo39">
Run Code Online (Sandbox Code Playgroud)
如何Sdafdo39通过在整个html doc中搜索具有该data-bin属性的元素来检索?
将冗余数据存储在索引中还是有两个索引然后交叉引用它们会更好吗?即,用户想要在剧院查看电影.
由于用户有兴趣通过影院查看电影,我们可以使用电影nested_type的影院索引:
// Here, movies field will be a Nested Type, not Object Type.
eclient.index({
index: 'myindex',
type: 'theater',
id: 1,
body: {
name: "Grand Cinema",
description: "Come watch movies!",
movies: [
{
title: "Red November",
description: "A submarine hunt",
rated: "R",
score: 10.0
},
{
title: "Cinderbrella",
description: "A burnt umbrella",
rated: "PG",
score: 8.8
}
]
}
});
Run Code Online (Sandbox Code Playgroud)
由于数据在影院上非规范化,因此可以很容易地通过影院显示电影的简短列表.
我们还可以有一个电影索引,其中包含有关电影的更多详细信息:
eclient.index({
index: 'myindex',
type: 'movie',
id: 1,
body: {
title: "Red November",
description: "A submarine hunt",
rated: "R", …Run Code Online (Sandbox Code Playgroud) 我有一系列代表不同形式的输入:
<form id="myform">
<div id="item1">
<label> Name </label><input name="item1" type="text" value=""/>
</div>
<div id="item2">
<label> Name </label><input name="item2" type="text" value=""/>
</div>
<div id="item3">
<label> Name </label><input name="item3" type="text" value=""/>
</div>
</form>
<script>
$.post("/url/", $("#myform").serialize(), function(){});
</script>
Run Code Online (Sandbox Code Playgroud)
当帖子发生时,是否保证我会收到表格中显示的订单数据?我已经测试了它,它确实按顺序返回item1,item2,item3,但是可以安全地假设吗?
我可以连接到我的数据库,但psycopg2无法找到我的任何表.以下将尝试获取我的用户时出错:
import psycopg2
try:
conn = psycopg2.connect("dbname='pdb' user='postgres' host='localhost' password='password'")
except:
print 'failed to connect'
cur = conn.cursor()
cur.execute(""" SELECT * from Users """)
rows = cur.fetchall()
for row in rows:
print row[0]
#Error:
psycopg2.ProgrammingError: relation "users" does not exist
LINE 1: SELECT * from Users
# This also fails
cur.execute("""SELECT * from pdb.Users """)
Run Code Online (Sandbox Code Playgroud)
如果我做:
cur.execute(""" SELECT * from pg_database """)
# Outputs
template1
template0
postgres
pdb
Run Code Online (Sandbox Code Playgroud)
在我的管理面板中,pdb显示了一堆表,其中一个是Users,所以我不确定为什么psycopg2找不到它.
这是psql的打印输出pdb:
List of relations
Schema | Name …Run Code Online (Sandbox Code Playgroud) 我希望能够单击父 div,但让子窗体和锚元素不受单击事件的影响。
<div class="root">
<div class="parent">
<div class="container">
<a href="/blah"> Hello World</a>
<div>
<span> Hello World Again
</div>
<form class="form">
<label> inputs
<input id="text" type="text"/>
<textarea></textarea>
<input id="submit" type="submit"/>
</form>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
jQuery:
$(".parent").on("click", ".container", function() {
alert("Parent clicked");
});
$(".parent").on("click", "#text", function(event) {
event.preventDefault();
alert("Form Input clicked");
});
$(".parent").on("click", "#submit", function(event) {
event.preventDefault();
alert("Form Button clicked");
});
$(".parent").on("click", "a", function(event) {
event.preventDefault();
alert("anchor link clicked");
});
Run Code Online (Sandbox Code Playgroud)
单击任何表单元素(输入、文本区域、按钮提交)或锚标记将不起作用,因为父单击事件正在触发。
如何仅在子窗体和锚标记之外的元素上创建父单击事件?父点击事件可以覆盖除这两个元素之外的任何其他子元素。
我在Twitter Bootstrap上关注本教程.
本教程的演示就在这里.
我被困在这个特定的代码上(我改变了一下来玩):
<div class="row">
<div class="span2">
<div class="mysidebar">
<ul class="nav nav-list">
<li class="nav-header">What we are?</li>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Our Clients</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li class="nav-header">Our Friend</li>
<li><a href="#">Google</a></li>
<li><a href="#">Yahoo!</a></li>
<li><a href="#">Bing</a></li>
<li><a href="#">Microsoft</a></li>
<li><a href="#">Gadgetic World</a></li>
</ul>
</div>
</div>
<div class="span8">
.....
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我有两个问题:
如何减少侧边栏中文本之间的垂直间距?减少margin-bottom开启<ul>没有做任何事情.
如何减少侧边栏的水平间距?现在,如果你将鼠标悬停在"谷歌"上,你会看到突出显示向右延伸很长一段时间.如果水平间距减小,<div class='span8'>同一div行中的另一个会补偿额外的空间吗?
html ×4
css ×2
javascript ×2
jquery ×2
python ×2
alignment ×1
django ×1
node.js ×1
postgresql ×1
psycopg2 ×1
web-scraping ×1