>

웹 페이지에 부트 스트랩 버튼을 추가하려고했는데 모든 요소가 페이지 왼쪽으로 이동했습니다.

버튼의 위치를 ​​변경하려고했습니다.

<a class="btn btn-primary" href="#" role="button" id = 'backbtn'>Back</a>

다른 요소에 영향을주지 않고 화면에 버튼을 표시하려고했지만 지금은 화면에 나타나지만 다른 모든 것은 화면 왼쪽으로 이동합니다.

  • 답변 # 1

    먼저 부트 스트랩 뒤에 사용자 정의 CSS 스타일 시트를 넣으십시오. 이렇게 :

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="your_custom.css">
    
    

    따라서 CSS는 이전에 스타일이 지정된 것을 덮어 씁니다. 또한 -float와 같은 CSS 호출 끝에! important를 사용해보십시오. right! important;이것이 도움이되지 않는다면 버튼에 다른 클래스 이름을 사용하고 직접 스타일을 지정하십시오.

  • 답변 # 2

    기존 클래스가 부트 스트랩 클래스와 겹칠 때 이런 종류의 일이 발생합니다. 부트 스트랩에 이미 선언 된 클래스를 사용했습니다.

    두 번째로 웹 사이트의 모든 콘텐츠에 div를 사용하고 "컨테이너"라는 클래스를 사용할 수 있습니다

    <div class="container">
        //your contents
    </div>
    
    

    도움이 될 것입니다.

관련 자료

  • 이전 c# - 콤보 박스의 itemsource에서 드롭 다운 목록 필터링
  • 다음 python - pyautogui 및 openpyxl 용 배포 패키지