Question

这是我的代码：

    <header id="myCarousel" class="carousel slide">
  <div class="carousel-inner">
    <div class="item active">
      <div class="fill" style="background-image:url('http://s1.postimg.org/ndn5u1rf3/home_slider1.jpg one');"></div>
    </div>
    <div class="item">
      <div class="fill" style="background-image:url('http://s1.postimg.org/6sk4s4pov/home_slider2.jpg two');"></div>
    </div>
    <div class="item">
      <div class="fill" style="background-image:url('http://s1.postimg.org/uktg3nrpr/home_slider3.jpg three');"></div>
     </div>
       <div class="item">
      <div class="fill" style="background-image:url('http://s1.postimg.org/uschmfdan/home_slider4.jpg four');"></div>
     </div>
  </div>
     </header>
    <!--Row with three equal columns-->
<div class="container">
    <div class="row">

        <div class="col-md-4">
        <!--Column left-->
        <img src="img/logo_new.png" style="width:146px; heigt:82px;" alt="" />
        </div>

        <div class="col-md-4"><!--Column middle-->
        <h1>Live Safely with AlertID </h1>
        </div>

        <div class="col-md-4">
        <!--Column right-->
        <button type="button" class="btn btn-default">Log In</button>
        <button type="button" class="btn btn-default">Sign Up</button>
        </div>

    </div>
</div>

现在显示，如this

我需要在滑块顶部添加上面的行内容。

示例网站http://alertid.com/default_v5.asp

我可以知道如何解决这个问题吗？

谢谢，

Answer 1

你需要

在表格布局中添加一个新行（可能最好，因为整个布局是一个表格）
或添加类似引导程序导航（省力）的内容

此处如何添加新行...

    <table cellpadding="0" cellspacing="0" border="0" width="100%" class="tblmain">
       <!--your current code stops.....-->
      <tr><td><!---your new content here--></td></tr>
      
      <tr><!--your current code continues.....-->

..并且继承了一个bootstrap嗯，你可以添加一些css来满足你的需求。

<!-- insert after body opening tag -->
<div class="well">content to go here</div>

具有行内容问题的Bootstrap滑块

1 个答案: