javascript - Bootstrap 选项卡问题

标签 javascript css twitter-bootstrap tabs

我在使用 Bootstrap 选项卡时遇到了一点问题。

请检查这个Interior / Exterior .第一个的内容看起来还不错,但在“Exterior”中却有很大的差距。我需要把它放在同一个位置。

如果您能看一下,我将不胜感激。

这是我的内容,例如,如果我将 position:absolute 设置为 center_content,左边的内容会上升,但右边的栏会消失。

<div class="center_content border_bottom">

                          <div class="maintitle"><h2>I take my creativity straight from a dream.</h2></div>
                          <div class="text_1">
                              <p>
                                Even the all-powerful Pointing has no control about the blind texts — it is an almost unorthographic life. One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.

                                </p>
                            </div>
                          <div class="text_2">
                              <p>
                                Etiam sit amet lectus quis est congue mollis. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi. Praesent sodales velit quis augue. Lorem ipsum dolor sit amet, consectetur adipisicing elit. 
                                <br><br> 
                                Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. 

                                </p>
                            </div>
                          <div class="text_fb">
                              <p class="title">
                                Do You Like Us? Follow Us on Facebook.
                                </p>
                                <div class="fb-like-box fb_iframe_widget" data-href="https://www.facebook.com/FacebookDevelopers" data-width="100%" data-height="100%" data-colorscheme="light" data-show-faces="false" data-header="false" data-stream="false" data-show-border="false" fb-xfbml-state="rendered" fb-iframe-plugin-query="app_id=&amp;color_scheme=light&amp;container_width=0&amp;header=false&amp;href=https%3A%2F%2Fwww.facebook.com%2FFacebookDevelopers&amp;locale=pl_PL&amp;sdk=joey&amp;show_border=false&amp;show_faces=false&amp;stream=false"><span style="vertical-align: bottom; width: 300px; height: 70px;"><iframe name="f2ce1e0f68" width="1000px" height="1000px" frameborder="0" allowtransparency="true" scrolling="no" title="fb:like_box Facebook Social Plugin" src="http://www.facebook.com/v2.0/plugins/like_box.php?app_id=&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2F6Dg4oLkBbYq.js%3Fversion%3D41%23cb%3Df2c02d98bc%26domain%3Dlukaszradwan.com%26origin%3Dhttp%253A%252F%252Flukaszradwan.com%252Ff36df8ff4c%26relation%3Dparent.parent&amp;color_scheme=light&amp;container_width=0&amp;header=false&amp;href=https%3A%2F%2Fwww.facebook.com%2FFacebookDevelopers&amp;locale=pl_PL&amp;sdk=joey&amp;show_border=false&amp;show_faces=false&amp;stream=false" class="" style="border: none; visibility: visible; width: 300px; height: 70px;"></iframe></span></div>
                          </div> 
                          <div class="image_wrapper" style="margin-bottom: 12px;">
                          <img src="images/services_1.jpg" alt="">
                          </div>

                      </div>

最佳答案

它现在可以工作了,.tab_pane 有一个 display:block,我去掉它就这样。

关于javascript - Bootstrap 选项卡问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29305971/

相关文章:

php - Base_url() 不适用于 codeigniter

html - asp.net mvc,在导航栏中显示用户名

javascript - Facebook init() 的 channelUrl 参数是否已弃用?

javascript - 您如何将 JavaScript 变量转换为模板文字?

javascript - Ember.js 每周日历导航

html - 如何为表格单元格设置最大宽度?

javascript - 如何在默认引导切换器下设置全屏菜单样式?

css - 我希望我的导航栏居中,但我所做的任何事情似乎都不会影响它

javascript - OnePage 向下滚动按钮

html - Bootstrap 奇怪的网格对齐