Twitter bootstrap topbar rtl

时间:2012-04-10 21:20:11

标签: html css twitter-bootstrap

试图使用twiter bootstrap

在我的母版页中创建一个顶部导航栏。

enter image description here

http://jsfiddle.net/ZqCah/1/

我有一些错误,希望得到一些帮助:

1-我想把我的所有内容都变成rtl。

意味着My site将是最正确的,register将是最左边的。

2-物品处于不同的高度。

如何将它们对齐到条形图的中间?

3-我想在栏中添加我的网站徽标,如此处所示

ask assitance for html page tabular layout

它可以像酒吧一样贴在屏幕上吗?

它可以与条形本身共享大小吗?

3 个答案:

答案 0 :(得分:1)

Bootstrap now(3.3.5)支持RTL!你所要做的就是更换所有" left"用"对"在bootstrap.css文件中(或者更好,直接在"较少"源文件中)。旋转木马可能需要一些调整,但99%的东西工作正常。这是example

答案 1 :(得分:0)

您可能想要在CSS中探索FLOAT和POSITION的使用。尝试将DIV中的每个元素分开,并在FLOAT和POSITION属性上进行实验。

例如,你的第一个问题......你可以把我的网站"使用:

<div style="float:left">my site</div>
<div style="float:right">register</div>

您可以参考此定位教程http://www.barelyfitz.com/screencast/html-training/css/positioning/

答案 2 :(得分:0)

如果您想使用twitter bootstrap创建RTL网站,可以使用它的RTL版本。

http://pyjamacoder.com/2012/02/01/twitter-bootstrap-v2-rtl-edition/

https://github.com/donaldducky/bootstrap-rtl

我使用这些

创建网页

sushiant.com使用rtl版本的bootstrap创建