Allgemein: Unterschied zwischen den Versionen

Aus Dokumentation
Wechseln zu:Navigation, Suche
Zeile 93: Zeile 93:
  
 
Das Verzeichnis Allgemein dient vorrangig der Darstellung von Textfeldern, Gemeinden, Eigentümer und Dokumenten. Des Weiteren sind hier standardmäßig die gängigen Profile und Materialien der Haltungen hinterlegt. Sonderprofile können hier über Eingabemaske erstellt werden.
 
Das Verzeichnis Allgemein dient vorrangig der Darstellung von Textfeldern, Gemeinden, Eigentümer und Dokumenten. Des Weiteren sind hier standardmäßig die gängigen Profile und Materialien der Haltungen hinterlegt. Sonderprofile können hier über Eingabemaske erstellt werden.
 +
 +
<!DOCTYPE html>
 +
<html lang="en">
 +
<head>
 +
  <title>Bootstrap Example</title>
 +
  <meta charset="utf-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
 +
  <style>
 +
  body {
 +
    position: relative;
 +
  }
 +
  ul.nav-pills {
 +
    top: 20px;
 +
    position: fixed;
 +
  }
 +
  div.col-sm-9 div {
 +
    height: 250px;
 +
    font-size: 28px;
 +
  }
 +
 +
 
 +
  @media screen and (max-width: 810px) {
 +
    #section1, #section2, #section3, #section41, #section42  {
 +
      margin-left: 150px;
 +
    }
 +
  }
 +
  </style>
 +
</head>
 +
<body data-spy="scroll">
 +
 +
<div class="container">
 +
  <div class="row">
 +
    <nav class="col-sm-3" id="myScrollspy">
 +
      <ul class="nav nav-pills nav-stacked">
 +
        <li class="active"><a href="#section1">Section 1</a></li>
 +
        <li><a href="#section2">Section 2</a></li>
 +
        <li><a href="#section3">Section 3</a></li>
 +
        <li class="dropdown">
 +
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Section 4 <span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="#section41">Section 4-1</a></li>
 +
            <li><a href="#section42">Section 4-2</a></li>                   
 +
          </ul>
 +
        </li>
 +
      </ul>
 +
    </nav>
 +
    <div class="col-sm-9">
 +
      <div id="section1">   
 +
        <h1>Section 1</h1>
 +
        <p>Try to scroll this section and look at the navigation list while scrolling!</p>
 +
      </div>
 +
      <div id="section2">
 +
        <h1>Section 2</h1>
 +
        <p>Try to scroll this section and look at the navigation list while scrolling!</p>
 +
      </div>       
 +
      <div id="section3">       
 +
        <h1>Section 3</h1>
 +
        <p>Try to scroll this section and look at the navigation list while scrolling!</p>
 +
      </div>
 +
      <div id="section41">       
 +
        <h1>Section 4-1</h1>
 +
        <p>Try to scroll this section and look at the navigation list while scrolling!</p>
 +
      </div>     
 +
      <div id="section42">       
 +
        <h1>Section 4-2</h1>
 +
        <p>Try to scroll this section and look at the navigation list while scrolling!</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
 +
</body>
 +
</html>

Version vom 12. August 2020, 11:39 Uhr

Small Modal

Open Small Modal
Launch modal
  • #tab1|Tab 1
  • #tab2|Tab 2
    •     Tab 1: Lorem ipsum...

        Tab 2: TESTUS

    Section 1

    Try to scroll this section and look at the navigation list while scrolling!

    Section 2

    Try to scroll this section and look at the navigation list while scrolling!

    Section 3

    Try to scroll this section and look at the navigation list while scrolling!

    Section 4-1

    Try to scroll this section and look at the navigation list while scrolling!

    Section 4-2

    Try to scroll this section and look at the navigation list while scrolling!

    Das Verzeichnis Allgemein dient vorrangig der Darstellung von Textfeldern, Gemeinden, Eigentümer und Dokumenten. Des Weiteren sind hier standardmäßig die gängigen Profile und Materialien der Haltungen hinterlegt. Sonderprofile können hier über Eingabemaske erstellt werden.

    <!DOCTYPE html> Bootstrap Example

    Section 1

    Try to scroll this section and look at the navigation list while scrolling!

    Section 2

    Try to scroll this section and look at the navigation list while scrolling!

    Section 3

    Try to scroll this section and look at the navigation list while scrolling!

    Section 4-1

    Try to scroll this section and look at the navigation list while scrolling!

    Section 4-2

    Try to scroll this section and look at the navigation list while scrolling!

    Abgerufen von „https://wiki.tandler.com/index.php?title=Allgemein&oldid=1653“