Блог

Главная - Вопросы по программированию - Странная дополнительная кнопка добавлена в приложение Flask с помощью bootstrap

Странная дополнительная кнопка добавлена в приложение Flask с помощью bootstrap

#html #css #twitter-bootstrap

#HTML #css #twitter-bootstrap

Вопрос:

Привет, я создаю приложение flask, и я все еще в начале, когда заметил, что кнопка добавлена на мою страницу без ее присутствия в шаблоне html.

     <!DOCTYPE html>
    <html lang="en">
    <head>
        <title>my page </title>
    
        <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link href="https://fonts.googleapis.com/icon?family=Material Icons"rel="stylesheet"> 
      <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>
      <link rel="stylesheet" href="{{ url_for('static', filename='styles/style.css') }}">
    
    
    </head>
    <body>
        
      <header> 
          <h1>my page</h1>
      </header>
        <div class="firstrow">
          <a class="btn btn-primary btn-lg" href="#" role="button"><i class="material-icons">schedule</i></a>
          <a class="btn btn-primary btn-lg" href="#" role="button">contact</a>
          <a class="btn btn-primary btn-lg" href="#" role="button">services</a>
          <a class="btn btn-primary btn-lg" href="#" role="button">team</a>
          
        </div>
        <div class="secondrow">
          <a class="btn btn-primary btn-lg" href="#" role="button" id=aparatura>aparatura</а>
          <a class="btn btn-primary btn-lg" href="#" role="button" id=principles>principles</а>
          <a class="btn btn-primary btn-lg" href="#" role="button" id=safety>safety</а>
        </div>
              
    </body>
    </html>

Как вы видите, после div второй строки ничего нет, но при загрузке
в левом нижнем углу появляется странная дополнительная кнопка.
Вероятно, это не проблема с кэшированием, поскольку при изменении содержимого html и перезагрузке изменения вносятся на страницу, но кнопка остается. CSS применяется ко всем .btn классам, но после div второй строки нет тега или чего-либо еще.

Это проблема начальной загрузки? Что это за штука?

РЕДАКТИРОВАТЬ: я обнаружил, что замена последних 3 «» тегов на «» теги не вызывает такого поведения, может кто-нибудь объяснить?

Ответ №1:

замените это на secondrow

     <a class="btn btn-primary btn-lg" href="#" role="button" id="aparatura">aparatura</a>
    <a class="btn btn-primary btn-lg" href="#" role="button" id="principles">principles</a>
    <a class="btn btn-primary btn-lg" href="#" role="button" id="safety">safety</a>

или перепишите вторые </a> конечные теги

Комментарии:

1. ого, у меня было второе закрытие тега на кириллице, что за тупой тупой застрял на нем 2 часа. Спасибо