我需要使用Boostrap做这样的事情.页面上有"流畅"内容,里面有两个小部件 - 首先在右上角,第二个在左下角.

Widget1很简单 - 我只需要class ="pull-right".但是如何处理第二个将它放到页面底部以保持"内容"浮动?
style="bottom:0;"不起作用:拥有此代码
<div class="container-fluid">
<div class="row-fluid">
<div class="offset1 span8 pull-right">
... Widget 1...
</div>
<div class="offset1 span8 pull-left" style="bottom:0;">
... Widget 2...
</div>
.... a lot of content ....
</div>
</div><!--/.fluid-container-->
Run Code Online (Sandbox Code Playgroud)
我有这样的结果:

移动小部件2也无济于事:
<div class="container-fluid">
<div class="row-fluid">
<div class="offset1 span8 pull-right">
... Widget 1...
</div>
.... a lot of content ....
<div class="span8 pull-left" style="bottom:0;margin-left: 0;">
... Widget 2...
</div>
</div>
</div><!--/.fluid-container-->
Run Code Online (Sandbox Code Playgroud)

任何想法如何做到没有脏黑客(例如我可以使用JavaScript来修复Widget2位置)?
或者(好吧,好吧)和他们一起?
我们使用Django构建web-app后端,为Ember应用程序提供RESTful API.
所以(进化上)我们从以下简单结构开始:
project root
|
|-app1 / models.py .... no views.py
|
|-app2 / models.py .... no views.py
|
|-app3 / models.py .... no views.py
|
\- restapi - provides REST API for app*: huge views.py, huge serializers.py, huge test.py
Run Code Online (Sandbox Code Playgroud)
这很容易使用,特别是DRF的可浏览视图:
@api_view(['GET'])
def api_root(request, format=None):
return Response(
{
'users': reverse('current-user-detail', request=request),
'interfacesettings': reverse('interface-settings', request=request),
............................................................
'preferences': reverse('preferences', request=request),
}
)
Run Code Online (Sandbox Code Playgroud)
很快我们就有了足够的模型/ API来使我们的restapi.app方式过于复杂和混乱,我们开始考虑使用更合乎逻辑的东西:
project root
|
|-app1 / models.py .... views.py, serializers.py, tests.py
|
|-app2 / models.py .... views.py, serializers.py, …Run Code Online (Sandbox Code Playgroud)