Bootstrap не будет работать должным образом

это мой код до сих пор
Введите описание изображения здесь

Я пробовал этот точный код на моем другом компьютере, и после запуска он отображается по-другому. Не могли бы вы правильно показать мне, как я должен вставить ссылки? Кроме того, как я могу переопределить стиль начальной загрузки по умолчанию?
Я думаю, что это все, что вам нужно, но если вам нужно что-то еще, просто спросите.

4 ответа

  1. Я предполагаю, что вы html-файл находится в wwwrootпапке, так что:

    <title>Bootstrap 101 Template</title>
    
    <link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.css">
    
    <link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css">
    
    <script src="lib/bootstrap/dist/js/bootstrap.min.js"></script>
    
    <style>
        ...
    </style>
    </head>
    
  2. Где вы имеете:

    <link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
    

    Удалить ~.

    Я считаю, что ~это окна только вещь, используемая для поиска пути. Если это ваш mac, где Bootstrap не работает, то я на 98% уверен, что была проблема. ~не используется в среде mac для путей, как это на Windows.

    Вам также нужно будет сделать это для других ваших путей, которые будут найдены таким образом.

  3. Входя и изменяя css bootstrap может получить немного сложнее, поэтому я обычно создаю новый файл CSS с моими правками. Так как CSS каскадирует таблицы стилей, я удостоверяюсь, что мой CSS-файл является последним таблицей стилей в разделе head, поэтому он переопределяет таблицы стилей над ним.

    Расположение файла CSS в ссылке на файл HTML определит, как выглядит путь к файлу в вашей ссылке. Если ваш HTML-файл находится в корневом каталоге, ссылка / пути, упомянутые в других ответах, должны работать.

  4. Как указано выше:

    <link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
    

    Удалить ~.

    Если вы хотите перезаписать CSS поместите default.cssсвой собственный css после того, который вы хотите перезаписать, например:

    <!-- Bootstrap and Custom CSS Style Sheets -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/default.css">