Question

我正在将主题转换为RTL。在标题中的两个部分。左侧标志区域和右侧接触区域。现在转换时我想在右侧看到它的标志，联系人应该移到左侧...

的style.css

<div class="span12 head_area"><div class="row">
<div class="span6 alpha">
<div class="logo_area">
<div id="widgets-reloaded-bizz-logo-2" class="widget logo"><div class="logo-spot"><div class="blog-title"><a href="http://bestdrive.co">Best Drive</a></div><div class="blog-description"></div></div></div><div id="transposh-2" class="widget widget_transposh"><span class="no_translate"><select name="lang" onchange="document.location.href=this.options[this.selectedIndex].value;"><option value="/" selected="selected">English</option><option value="/?lang=ar">العربية</option></select><br></span><div id="tr_credit"></div></div></div>
</div>
<div class="span6 omega">
<div class="contact_area">
<div id="bizz_cinfo-2" class="widget widget_cinfo">         <div class="contact-info">
                <div class="cblock c1">
<span class="pmeta">Email</span><a href="mailto:erbil@bestdrive.co"><span class="psmall">erbil@bestdrive.co</span></a>              </div>
                <div class="cblock c2">
<span class="pmeta">Call Us</span><a href="tel:+961 3 120 110"><span class="plarge">+961 3 120 110</span></a>               </div>
            </div>
</div></div>
</div>
</div>
</div>

如果我对span6进行更改，则会影响span6 alpha和span6 omega。我还在徽标区域尝试了float: right。但它并没有向窗户移动。它实际上移到span6 alpha的右边。

我想要span6 alpha在左侧，span6 omega在左侧。

我在哪里进行更改？

Answer 1

只需查看您的代码，就应该.alpha {float: right}让整个组向右移动并允许.omega向左流动。将float放在logo_area上就不会影响其与contact_area的关系，因为每个alpha都是自包含在omega和{{1}}内的包装。

将LTR转换为RTL div类？

1 个答案: