使用bootstrap tab pills

时间:2016-01-26 16:48:27

标签: jquery html css twitter-bootstrap-3

我有一个很大的问题我希望标签窗格的内容彼此重叠,就像他们不会彼此了解一样。在片刻,我的代码保存在这个小提琴中:https://jsfiddle.net/axq882de/1/当我点击它们时,每个标签中的内容应该在同一个地方

<div class="container">
<div class="row">
    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading">Die Projekte</div>

<ul class="nav nav-tabs" id='nav-wrapper'>
        <li id='nav-overview' class="active"><a data-toggle="pill" href="#overview">&Uuml;bersicht</a></li>
        <li id='nav-text'><a data-toggle="pill" href="#text">Text</a></li>
        <li id='nav-rules'><a data-toggle="pill" href="#rules">Regeln</a></li>
    </ul> 
            <div id="wrapper" class="panel-body m100">
            <div id='overview' class="tab-pane fade in active">
            Name: Elsor <br>
            Mitarbeiter: LukvonStrom tempralino&nbsp;Pop3y&nbsp;Chkarist&nbsp;M4st3mM4yh3m&nbsp;localhost2148&nbsp;Chrzi <br>
            <p id="id" style="margin-bottom: 1.3em; font-size: 14px; line-height: 21px;">
            <iframe src="https://map.die-bruderschaft.org?worldname=world&amp;mapname=surface2&amp;zoom=5&amp;x=1036&amp;y=64&amp;z=-517" width="500px" height="500px"></iframe></p>
            </div>
                <div id='text' class="tab-pane fade">
                <p> Elsor ist die Spawn und Hauptstadt des Servers </p><br>
                </div>
                <div id='rules' class="tab-pane fade">
                <p> Es sind 1 kostenloses und 1 gekauftes pro User maximal gestattet. Die Grundst&uuml;cksbegrenzung darf nur im Eingangsbereich abgebaut und nicht bebaut werden. Ausgenommen ist das Dach, welches &uuml;berlappen darf. Es ist der Baustil der Stadt zu &uuml;bernehmen und bei Abmahnung ist das Haus umgehend zu &auml;ndern Kostenlose Grundst&uuml;cke k&ouml;nnen einfach bebaut werden und m&uuml;ssen bei Auszug wieder in ihren vorherigen Zustand gebracht werden. Nicht kostenlose Grundst&uuml;cke k&ouml;nnen bei einem Teamler erworben werden. F&uuml;r Wohngemeinschaften fallen 500 Dz pro zus&auml;tzlichem Bewohner an. Ein Umzug ist nur m&ouml;glich auf ein gleich gro&szlig;es oder gr&ouml;&szlig;eres Grundst&uuml;ck und kostet die Differenz der Grundst&uuml;ckspreise zuz&uuml;glich 1000 Dz Umzugspauschale. Bei Inaktivit&auml;t ohne Abmeldung wird das Haus abgerissen (Gekaufte GS: 4 Wochen, Kostenlose GS: 2 Wochen). Bei Shops darf nur der Boden und die Zwischendecke ver&auml;ndert werden. Ver&auml;nderungen an der Au&szlig;enwand und des Daches sind verboten. Shops m&uuml;ssen bei einem Teamler erworben werden. Bei Inaktivit&auml;t ohne Abmeldung kommt es nach 4 Wochen zur Enteignung  </p><br>
                </div>
                <!-- <p> Bauevent am 25.03.2016 </p><br> -->
          </div>
        </div>
    </div>
</div>

感谢您回答这个问题并节省了我很多时间:)

1 个答案:

答案 0 :(得分:0)

添加此CSS

M[x, ]

然后HTML将会是

M <- structure(c(72L, 92L, 81L, 81L, 87L, 76L, 89L, 70L, 70L, 73L, 
74L, 75L), .Dim = 4:3, .Dimnames = list(c("SeptQuiz", "Midterm", 
"NovQuiz", "Final"), c("Anne", "Bo", "Cameron"))) # multiple columns, rows are named

(v1 <- M[3, ]) # subsetting one row, as a vector, preserves student names

M <- structure(c(91L, 87L, 83L, 81L), .Dim = c(4L, 1L), .Dimnames = list(
    NULL, "Frank")) # one column, rows are unnamed

(v1 <- M[3, ]) # again, subsetting one row as a vector preserves student name

M <- structure(c(91L, 87L, 83L, 81L), .Dim = c(4L, 1L), .Dimnames = list(
    c("SeptQuiz", "Midterm", "NovQuiz", "Final"), "Frank")) # one column, rows are named

(v1 <- M[3, ]) # subsetting one row deletes student name

if(ncol(M) == 1 && !is.null(rownames(M))) {names(v1) <- colnames(M)} # kludge to restore student name if it was stripped