Bootstrap ul li: List group · Bootstrap

Содержание

Группа списков. Компоненты · Bootstrap. Версия v4.0.0

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

Базовые примеры

Самая простая группа списков – это неупорядоченный список из элементов нужных классов. Создавайте на этой основе свою разметку и свой CSS, если нужно.

Cras justo odio

Dapibus ac facilisis in

Morbi leo risus

Porta ac consectetur ac

Vestibulum at eros

<ul>
  <li>Cras justo odio</li>
  <li>Dapibus ac facilisis in</li>
  <li>Morbi leo risus</li>
  <li>Porta ac consectetur ac</li>
  <li>Vestibulum at eros</li>
</ul>

Активные элементы

Добавьте в .list-group-item класс .active для обозначения текущего активного выбора.

Cras justo odio

Dapibus ac facilisis in

Morbi leo risus

Porta ac consectetur ac

Vestibulum at eros

<ul>
  <li>Cras justo odio</li>
  <li>Dapibus ac facilisis in</li>
  <li>Morbi leo risus</li>
  <li>Porta ac consectetur ac</li>
  <li>Vestibulum at eros</li>
</ul>

Неактивные элементы

Добавьте класс .disabled к элементу класса .list-group-item для придания последнему вида «неактивного». Заметьте, что некоторые элементы класса .disabled также потребуют JavaScript для полной деактивации их событий клика (например, ссылки).

Cras justo odio

Dapibus ac facilisis in

Morbi leo risus

Porta ac consectetur ac

Vestibulum at eros

<ul>
  <li>Cras justo odio</li>
  <li>Dapibus ac facilisis in</li>
  <li>Morbi leo risus</li>
  <li>Porta ac consectetur ac</li>
  <li>Vestibulum at eros</li>
</ul>

Ссылки и кнопки

Используйте <a> или <button> для создания элементов группы списка с возможностью возложить на них некое действие – с наличием «ховера» (наведения), неактивных и активных состояний – добавляя в них .list-group-item-action. Мы разделяем эти псевдоклассы для уверенности в том, что группы списков, созданные из не-интерактивных элементов (как <li> или <div>), не будут позволять поддержку касания или клика.

Удостоверьтесь, что не используете стандартные классы .btn в описанном выше случае.

<div>
  <a href="#">
    Cras justo odio
  </a>
  <a href="#">Dapibus ac facilisis in</a>
  <a href="#">Morbi leo risus</a>
  <a href="#">Porta ac consectetur ac</a>
  <a href="#">Vestibulum at eros</a>
</div>

В <button> вы можете также использовать атрибут disabled вместо класса .disabled. К сожалению, <a> не поддерживают отключенный атрибут.

Cras justo odio

Dapibus ac facilisis in
Morbi leo risus
Porta ac consectetur ac
Vestibulum at eros

<div>
  <button type="button">
    Cras justo odio
  </button>
  <button type="button">Dapibus ac facilisis in</button>
  <button type="button">Morbi leo risus</button>
  <button type="button">Porta ac consectetur ac</button>
  <button type="button" disabled>Vestibulum at eros</button>
</div>

Смывание

Добавьте класс .list-group-flush чтобы удалить некоторые границы и закругленные углы, а также чтобы отображать элементы группы списка от края до края в родительском контейнере (например, в карточках).

Cras justo odio

Dapibus ac facilisis in

Morbi leo risus

Porta ac consectetur ac

Vestibulum at eros

<ul>
  <li>Cras justo odio</li>
  <li>Dapibus ac facilisis in</li>
  <li>Morbi leo risus</li>
  <li>Porta ac consectetur ac</li>
  <li>Vestibulum at eros</li>
</ul>

Контекстуальные классы

Используйте их для стилизации элементов списка и придания им оттенков смысла с помощью цвета и фона.

Dapibus ac facilisis in

Элемент основной группы списков

Дополнительный элемент группы списков

Элемент группы списка успешных действий

Элемент группы списка опасности

Элемент группы списка предупреждений

Элемент группы списка информации

Элемент группы с легким списком

Элемент группы темных списков

<ul>
  <li>Dapibus ac facilisis in</li>

  
  <li>Элемент основной группы списков</li>
  <li>Дополнительный элемент группы списков</li>
  <li>Элемент группы списка успешных действий</li>
  <li>Элемент группы списка опасности</li>
  <li>Элемент группы списка предупреждений</li>
  <li>Элемент группы списка информации</li>
  <li>Элемент группы с легким списком</li>
  <li>Элемент группы темных списков</li>
</ul>

Контекстуальные классы также работают с классом .list-group-item-action. Отметим наличие дополнения стилей «ховера» (наведения), которых нет в предыдущем примере. Активное состояние .active также поддерживается, применяйте его для индикации активного выбора в элементе контекстуальной группы списка.

<div>
  <a href="#">Dapibus ac facilisis in</a>

  
  <a href="#">Элемент основной группы списков</a>
  <a href="#">Дополнительный элемент группы списков</a>
  <a href="#">Элемент группы списка успешных действий</a>
  <a href="#">Элемент группы списка опасности</a>
  <a href="#">Элемент группы списка предупреждений</a>
  <a href="#">Элемент группы списка информации</a>
  <a href="#">Элемент группы с легким списком</a>
  <a href="#">Элемент группы темных списков</a>
</div>

Использование вспомогательных технологий

Использование цвета как дополнительного инструмента информативности доступно только в визуальной сфере, что ограничивает пользователей вспомогательных технологий, например, программ для чтения текста с экрана. Удостоверьтесь, что информация, обозначенная цветом, также доступна из самого контента (т.е. в тексте) или содержится в альтернативных средствах – таких как дополнительный скрытый в классе .sr-only текст.

Со значками

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

Cras justo odio
14

Dapibus ac facilisis in
2

Morbi leo risus
1

<ul>
  <li>
    Cras justo odio
    <span>14</span>
  </li>
  <li>
    Dapibus ac facilisis in
    <span>2</span>
  </li>
  <li>
    Morbi leo risus
    <span>1</span>
  </li>
</ul>

Стандартное содержимое

Добавьте почти любой код HTML с помощью утилит флексбокса, даже для групп списков со ссылками, как в примере ниже.

<div>
  <a href="#">
    <div>
      <h5>List group item heading</h5>
      <small>3 days ago</small>
    </div>
    <p>Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
    <small>Donec id elit non mi porta.</small>
  </a>
  <a href="#">
    <div>
      <h5>List group item heading</h5>
      <small>3 days ago</small>
    </div>
    <p>Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
    <small>Donec id elit non mi porta.</small>
  </a>
  <a href="#">
    <div>
      <h5>List group item heading</h5>
      <small>3 days ago</small>
    </div>
    <p>Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
    <small>Donec id elit non mi porta.</small>
  </a>
</div>

Поведение JavaScript

Используйте плагин вкладок JavaScript – индивидуальный или через bootstrap.js — для расширения группы списков и создания панелей содержимого с возможностью навигации через TAB.

Velit aute mollit ipsum ad dolor consectetur nulla officia culpa adipisicing exercitation fugiat tempor. Voluptate deserunt sit sunt nisi aliqua fugiat proident ea ut. Mollit voluptate reprehenderit occaecat nisi ad non minim tempor sunt voluptate consectetur exercitation id ut nulla. Ea et fugiat aliquip nostrud sunt incididunt consectetur culpa aliquip eiusmod dolor. Anim ad Lorem aliqua in cupidatat nisi enim eu nostrud do aliquip veniam minim.

Cupidatat quis ad sint excepteur laborum in esse qui. Et excepteur consectetur ex nisi eu do cillum ad laborum. Mollit et eu officia dolore sunt Lorem culpa qui commodo velit ex amet id ex. Officia anim incididunt laboris deserunt anim aute dolor incididunt veniam aute dolore do exercitation. Dolor nisi culpa ex ad irure in elit eu dolore. Ad laboris ipsum reprehenderit irure non commodo enim culpa commodo veniam incididunt veniam ad.

Ut ut do pariatur aliquip aliqua aliquip exercitation do nostrud commodo reprehenderit aute ipsum voluptate. Irure Lorem et laboris nostrud amet cupidatat cupidatat anim do ut velit mollit consequat enim tempor. Consectetur est minim nostrud nostrud consectetur irure labore voluptate irure. Ipsum id Lorem sit sint voluptate est pariatur eu ad cupidatat et deserunt culpa sit eiusmod deserunt. Consectetur et fugiat anim do eiusmod aliquip nulla laborum elit adipisicing pariatur cillum.

Irure enim occaecat labore sit qui aliquip reprehenderit amet velit. Deserunt ullamco ex elit nostrud ut dolore nisi officia magna sit occaecat laboris sunt dolor. Nisi eu minim cillum occaecat aute est cupidatat aliqua labore aute occaecat ea aliquip sunt amet. Aute mollit dolor ut exercitation irure commodo non amet consectetur quis amet culpa. Quis ullamco nisi amet qui aute irure eu. Magna labore dolor quis ex labore id nostrud deserunt dolor eiusmod eu pariatur culpa mollit in irure.

<div>
  <div>
    <div role="tablist">
      <a data-toggle="list" href="#list-home" role="tab" aria-controls="home">Home</a>
      <a data-toggle="list" href="#list-profile" role="tab" aria-controls="profile">Profile</a>
      <a data-toggle="list" href="#list-messages" role="tab" aria-controls="messages">Messages</a>
      <a data-toggle="list" href="#list-settings" role="tab" aria-controls="settings">Settings</a>
    </div>
  </div>
  <div>
    <div>
      <div role="tabpanel" aria-labelledby="list-home-list">...</div>
      <div role="tabpanel" aria-labelledby="list-profile-list">...</div>
      <div role="tabpanel" aria-labelledby="list-messages-list">...</div>
      <div role="tabpanel" aria-labelledby="list-settings-list">...</div>
    </div>
  </div>
</div>

Используя атрибуты

Вы можете активировать навигацию в группе списка без JavaScript, а просто добавив data-toggle="list" в элемент. Используйте эти атрибуты в .list-group-item.

<!-- List group -->
<div role="tablist">
  <a data-toggle="list" href="#home" role="tab">Home</a>
  <a data-toggle="list" href="#profile" role="tab">Profile</a>
  <a data-toggle="list" href="#messages" role="tab">Messages</a>
  <a data-toggle="list" href="#settings" role="tab">Settings</a>
</div>

<!-- Tab panes -->
<div>
  <div role="tabpanel">...</div>
  <div role="tabpanel">...</div>
  <div role="tabpanel">...</div>
  <div role="tabpanel">...</div>
</div>

Через JavaScript

Задействуйте навигацию через TAB через JavaScript (каждый элемент списка надо активировать отдельно):

$('#myList a').on('click', function (e) {
  e.preventDefault()
  $(this).tab('show')
})

Вы можете активировать отдельный элемент списка несколькими способами:

$('#myList a[href="#profile"]').tab('show') // Select tab by name
$('#myList a:first').tab('show') // Select first tab
$('#myList a:last').tab('show') // Select last tab
$('#myList li:eq(2) a').tab('show') // Select third tab (0-indexed)

Эффект угасания

Чтобы заставить панель вкладок постепенно появиться, добавьте класс .fade в каждый элемент класса .tab-pane. На первой панели вкладки также должно быть выставлено значение .show, чтобы сделать начальное содержимое видимым.

<div>
  <div role="tabpanel">...</div>
  <div role="tabpanel">...</div>
  <div role="tabpanel">...</div>
  <div role="tabpanel">...</div>
</div>

Методы

$().tab

Активирует элемент списка и контейнер содержимого. Вкладка должна иметь или data-target, или href «нацеленный» на «узел контейнера» в DOM.

<div role="tablist">
  <a data-toggle="list" href="#home" role="tab">Home</a>
  <a data-toggle="list" href="#profile" role="tab">Profile</a>
  <a data-toggle="list" href="#messages" role="tab">Messages</a>
  <a data-toggle="list" href="#settings" role="tab">Settings</a>
</div>

<div>
  <div role="tabpanel">...</div>
  <div role="tabpanel">...</div>
  <div role="tabpanel">...</div>
  <div role="tabpanel">...</div>
</div>

<script>
  $(function () {
    $('#myList a:last-child').tab('show')
  })
</script>

.tab(‘show’)

Выбирает данный элемент списка и показывает связанные с ним панели. Любой другой элемент списка, который был ранее выбран, становится «невыбранным», а связанные с ним панели – скрытыми. Возвращается к функции-вызову до того, как показалась панель вкладки (например, до события shown.bs.tab).

$('#someListItem').tab('show')

События

При показе новой вкладки события запускаются в таком порядке:

hide.bs.tab (на текущей активной вкладке)

show.bs.tab (на вкладке, которая вот-вот покажется)

hidden.bs.tab (на предыдущей активной вкладке, такое же, как для события hide.bs.tab)

shown.bs.tab (на вкладке, только что ставшей активной и только что ставшей показанной, такое же, как для события show.bs.tab)

Если ни одна вкладка еще не была активной, события hide.bs.tab и hidden.bs.tab не произойдут.

Тип события	Описание
show.bs.tab	Используйте события `event.target` и `event.relatedTarget` для «нацеливания» на соответственно на активную и предыдущую активную (если она доступна) вкладки.
shown.bs.tab	Это событие наступает при показе вкладки, после того, как она показана. Используйте события `event.target` и `event.relatedTarget` для «нацеливания» соответственно на активную и предыдущую активную (если она доступна) вкладки.
hide.bs.tab	Это событие наступает, когда вот-вот покажется новая вкладка (и предыдущая, т.о., вот-вот скроется). Используйте события `event.target` и `event.relatedTarget` для «нацеливания» соответственно на активную текущую вкладку и ту, которая вот-вот откроется.
hidden.bs.tab	Это событие наступает, когда показана новая вкладка (и предыдущая активная, т.о., скрылась). Используйте события `event.target` и `event.relatedTarget` для «нацеливания» соответственно на предыдущую активную и новую активную вкладки.

$('a[data-toggle="list"]').on('shown.bs.tab', function (e) {
  e.target // newly activated tab
  e.relatedTarget // previous active tab
})

Руководство Bootstrap List Group

Цель у Bootstrap при создании «List Group» это отобразить содержание в виде списка. На самом деле, только с обычным HTML вы сможете создать список используя теги (tag) <ul> & <li>. Bootstrap предоставляет классы .list-group & .list-group-item. Он является стандартом для создания сложных списков.

.list-group & .list-group-item

Пример ниже является базовым, используя класс .list-group применяется к тегу <ul> и .list-group-item применяется к тегу <li>:

list-group-example.html

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>List Group Example</title>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
   </head>
   <body>

      <div>
         <ul>
            <li>Javascript</li>
            <li>Css</li>
            <li>Bootstrap</li>
         </ul>
      </div>

      <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
   </body>

</html>

С 2-мя классами .list-group & .list-group-item, вы можете создать список не используя пару тегов <ul>,<li>:

<div>
   <div>Java</div>
   <div>C</div>
   <div>C++</div>
</div>

Bootstrap предоставляет класс .badge (Бейджи), вы можете использовать его для создания декорации элемента списка.

.badge

<ul>
   <li>Java <span>14.21%</span></li>
   <li>C <span>11.03%</span></li>
   <li>C++ <span>5.60%</span></li>
</ul>

Простой пример list-group-item это Link.

<div>

   <a href = "#" class = "list-group-item active">
     Bootstrap List Groups
   </a>

   <a href = "#" class = "list-group-item">Bootstrap Buttons</a>
   <a href = "#" class = "list-group-item">Bootstrap NavBar</a>
   <a href = "#" class = "list-group-item">Bootstrap Tables</a>
</div>

4- List Group & .active,.disabled

Класс .active используется вместе с .list-group-item когда вы хотите выделить настоящий list-group-item, чтобы подчеркнуть что тот list-group-item является выбранным. Наоборот, если вы не хотите, чтобы пользователи взаимодействовали с определенным list-group-item вы можете использовать класс .disable чтобы отключить его.

<div>
   <h3>Bootstrap Tutorials</h3>
   <div>
      <a href = "#" class = "list-group-item">Bootstrap Buttons</a>
      <a href = "#" class = "list-group-item active">
      Bootstrap List Groups (Reading)
      </a>
      <a href = "#" class = "list-group-item">Bootstrap NavBar</a>
      <a href = "#" class = "list-group-item disabled">Bootstrap Tables (Comming Soon)</a>
   </div>
</div>

Есть некоторые дополнительные классы для использования с .list-group-item, который помогает вам создать фоновый цвет для list-group-item. Стоит его использовать с различными контекстами в приложении.

.list-group-item-primary
.list-group-item-secondary
.list-group-item-success
.list-group-item-danger
.list-group-item-warning
.list-group-item-info
.list-group-item-light
.list-group-item-dark
.list-group-item-muted
.list-group-item-white

.list-group-item-*

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>List Group Example</title>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
   </head>
   <body>

      <div>
         <h3>.list-group-item-*</h3>
         <ul>
            <li>.list-group-item-primary</li>
            <li>.list-group-item-secondary</li>
            <li>.list-group-item-success</li>
            <li>.list-group-item-info</li>
            <li>.list-group-item-warning</li>
            <li>.list-group-item-danger</li>
            <li>.list-group-item-light</li>
            <li>.list-group-item-dark</li>
            <li>.list-group-item-muted</li>
            <li>.list-group-item-white</li>
         </ul>
      </div>

      <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>

   </body>
</html>

6- Кастомизировать List Group

Вы можете создать кастомизированный List Group, в котором List-group-item имеет содержание HTML, помните что Bootstrap поддерживает 2 класса .list-group-item-heading & .list-group-item-text, они очень полезны в данном случае.

<h4>Tutorials</h4>

<div class = "list-group">
   <a href = "#" class = "list-group-item active">
      <h5 class = "list-group-item-heading">
         Bootstrap
      </h5>
      <p class = "list-group-item-text">
         Bootstrap is a free and open-source front-end web framework for designing websites and web applications,...
      </p>
   </a>
   <a href = "#">
      <h5 class = "list-group-item-heading">
         Javascript
      </h5>
      <p class = "list-group-item-text">
         JavaScript is a cross-platform, object-oriented scripting language used to make webpages interactive,...
      </p>
   </a>
   <a href = "#" class = "list-group-item disabled">
      <h5 class = "list-group-item-heading">Css</h5>
      <p class = "list-group-item-text">Comming Soon</p>
   </a>
</div>

Bootstrap ul li — CodeRoad

Я хочу выровнять свой ul и поместить его в нужное место с помощью Bootstrap, но когда я использую :

<ul>
  <li>S'inscrire</li>
  <li>Se connecter</li>
</ul>

Может ли кто-нибудь объяснить мне, почему это не работает?

html

css

twitter-bootstrap

Поделиться

Источник

Syfen Sebshy

02 февраля 2016 в 12:14

2 ответа

Это потому, что у вас есть два атрибута класса. Код должен быть:

<ul>
  <li>S'inscrire</li>
  <li>Se connecter</li>
</ul>

Поделиться

David Leitch

02 февраля 2016 в 12:19

попробуйте это на своей странице, где вы включили bootstrap css

<ul>
    <li>S'inscrire</li>
      <li>Se connecter</li>
    </ul>

Поделиться

Shailesh Singh

02 февраля 2016 в 12:20

Bootstrap Бутстрап 4 List Groups

Основные группы списков

Самая базовая группа списков — это неупорядоченный список с элементами списка:

First item
Second item
Third item

Чтобы создать основную группу списков, используйте <ul> элемент с классом .list-group и
<li>элементы с классом .list-group-item :

Пример

<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ul>

Активное состояние

Active item
Second item
Third item

Используйте .active класс для выделения текущего элемента:

Пример

<ul>
<li>Active item</li>
<li>Second item</li>
<li>Third item</li>
</ul>

Группа списков со связанными элементами

Чтобы создать группу списков со связанными элементами, используйте <div> вместо <ul> <a> <li> .
При необходимости добавьте класс, .list-group-item-action Если вы хотите серый цвет фона при наведении:

Пример

<div>
<a href=»#»
class=»list-group-item list-group-item-action»>First item</a>
<a
href=»#»>Second item</a>

<a href=»#»>Third item</a>
</div>

Отключенный элемент

.disabled класс добавляет светлый цвет текста для отключенного элемента. И при использовании на ссылки, он будет удалить наведении эффект:

Пример

<div>
<a href=»#»>Disabled item</a>
<a href=»#»
class=»list-group-item disabled»>Disabled item</a>

<a href=»#»>Third item</a>
</div>

Контекстные классы

Контекстные классы могут использоваться для цветовых элементов списка:

Success item
Secondary item
Info item
Warning item
Danger item
Primary item
Dark item
Light item

Классы для раскраски список-элементы: .list-group-item-success, list-group-item-secondary, list-group-item-info, list-group-item-warning, .list-group-item-danger, list-group-item-dark и list-group-item-light,:

Пример

<ul>
<li>Success item</li>
<li
class=»list-group-item list-group-item-secondary»>Secondary item</li>

<li>Info item</li>
<li
class=»list-group-item list-group-item-warning»>Warning item</li>

<li>Danger item</li>

<li>Primary item</li>

<li>Dark item</li>
<li
class=»list-group-item list-group-item-light»>Light item</li>
</ul>

Связывание элементов с контекстными классами

Пример

<div>
<a href=»#»>Action item</a>
<a href=»#»
class=»list-group-item list-group-item-action list-group-item-success»>Success item</a>
<a
href=»#»>Secondary item</a>

<a href=»#»>Info item</a>

<a href=»#»>Warning item</a>

<a href=»#»>Danger item</a>

<a href=»#»>Primary item</a>

<a href=»#»>Dark item</a>

<a href=»#»>Light item</a>
</div>

отображение элементов UL LI «inline» в строке bootstrap

Мне очень трудно работать с предметами UL LI в бутстрапе. Я пытаюсь выровнять их так, чтобы они были рядом друг с другом (горизонтально), а не выровнены по вертикали. Вот мой БОД:

<div>
        <div>
            <div>
                <h5>FOLLOW US</h5>
                <hr>
            </div>
        </div>
        <div>
            <div>
                <ul>
                    <li><a href="#"><i></i></a></li>
                    <li><a href="#"><i></i></a></li>
                    <li><a href="#"><i></i></a></li>
                </ul>
            </div>
        </div>
    </div>

но я не смог заставить его выровняться по горизонтали. Я пытался применить CSS к #socialMedia,, как Float:left, display:inline, но это не работает.

Прямо сейчас они находятся в мертвой точке, и именно так я хочу, чтобы они оставались.

У кого-нибудь есть какие-нибудь идеи?

html

css

bootstrap-4

Поделиться

Источник

Koosh

01 апреля 2019 в 18:00

2 ответа

jQuery-первая линия элементов li в ul
Есть ли селектор в jQuery, который ссылается только на первую строку конкретных дочерних элементов основного объекта? Я имею в виду следующую структуру: <ul> <li> <ul> <li></li> </ul> </li> <li> <ul> <li></li> </ul>…
Горизонтальный список UL не показывает LI элементов в одной строке
Я пытался заставить UL показывать LI элемента горизонтально, делая float:left. float:left; display:inline; Вот пример- http://jsfiddle.net/Ku9Bm/1 / Как вы можете видеть, он показывает, что LI элемента идеально выстраиваются горизонтально. Но если я добавлю больше текста в один из LI элементов…

Используйте класс d-inline …

<ul>
    <li><a href="#"><i></i></a></li>
    <li><a href="#"><i></i></a></li>
    <li><a href="#"><i></i></a></li>
</ul>

https://www.codeply.com/go/DaDD3njGFz

Поделиться

Zim

01 апреля 2019 в 18:05

Вы сказали, что применили поплавок к #socialMedia , но это ul . Вы должны применить float: left на li с. Добавьте float: left к #socialMedia li .

(Если это все еще не работает, вы должны убедиться, что у вас достаточно специфичности, чтобы переопределить Bootstrap. В крайнем случае, добавьте !important ).

Поделиться

billk

01 апреля 2019 в 18:05

Детская городская клиническая больница №5 им. Н.Ф.Филатова

Default buttons

Button styles can be applied to anything with the .btn class applied. However, typically you’ll want to apply these to only <a> and <button> elements for the best rendering.

Button	class=»»	Description
Default	`btn`	Standard gray button with gradient
Primary	`btn btn-primary`	Provides extra visual weight and identifies the primary action in a set of buttons
Info	`btn btn-info`	Used as an alternative to the default styles
Success	`btn btn-success`	Indicates a successful or positive action
Warning	`btn btn-warning`	Indicates caution should be taken with this action
Danger	`btn btn-danger`	Indicates a dangerous or potentially negative action
Inverse	`btn btn-inverse`	Alternate dark gray button, not tied to a semantic action or use
Link	`btn btn-link`	Deemphasize a button by making it look like a link while maintaining button behavior

Cross browser compatibility

IE9 doesn’t crop background gradients on rounded corners, so we remove it. Related, IE9 jankifies disabled
button elements, rendering text gray with a nasty text-shadow that we cannot fix.

Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for additional sizes.

Large button
Large button

Default button
Default button

Small button
Small button

Mini button
Mini button


<p>
  <button type="button">Large button</button>
  <button type="button">Large button</button>
</p>
<p>
  <button type="button">Default button</button>
  <button type="button">Default button</button>
</p>
<p>
  <button type="button">Small button</button>
  <button type="button">Small button</button>
</p>
<p>
  <button type="button">Mini button</button>
  <button type="button">Mini button</button>
</p>

Create block level buttons—those that span the full width of a parent— by adding .btn-block.

Block level button
Block level button


<button type="button">Block level button</button>
<button type="button">Block level button</button>

Add the .disabled class to <a> buttons.

Primary link

Link


<a href="#">Primary link</a>
<a href="#">Link</a>

Heads up! We use .disabled as a utility class here, similar to the common .active class, so no prefix is required. Also, this class is only for aesthetic; you must use custom JavaScript to disable links here.

Add the disabled attribute to <button> buttons.

Primary button
Button


<button type="button" disabled="disabled">Primary button</button>
<button type="button" disabled>Button</button>

Default styles

For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter


<table>
  …
</table>

Optional classes

Add any of the follow classes to the .table base class.

.table-striped

Adds zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE7-IE8).

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter


<table>
  …
</table>

.table-bordered

Add borders and rounded corners to the table.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
1	Mark	Otto	@TwBootstrap
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter


<table>
  …
</table>

.table-hover

Enable a hover state on table rows within a <tbody>.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter


<table>
  …
</table>

.table-condensed

Makes tables more compact by cutting cell padding in half.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter


<table>
  …
</table>

Optional row classes

Use contextual classes to color table rows.

Class	Description
`.success`	Indicates a successful or positive action.
`.error`	Indicates a dangerous or potentially negative action.
`.warning`	Indicates a warning that might need attention.
`.info`	Used as an alternative to the default styles.

#	Product	Payment Taken	Status
1	TB — Monthly	01/04/2012	Approved
2	TB — Monthly	02/04/2012	Declined
3	TB — Monthly	03/04/2012	Pending
4	TB — Monthly	04/04/2012	Call in to confirm


...
  <tr>
    <td>1</td>
    <td>TB - Monthly</td>
    <td>01/04/2012</td>
    <td>Approved</td>
  </tr>
...

Supported table markup

List of supported table HTML elements and how they should be used.

Tag	Description
`<table>`	Wrapping element for displaying data in a tabular format
`<thead>`	Container element for table header rows (`<tr>`) to label table columns
`<tbody>`	Container element for table rows (`<tr>`) in the body of the table
`<tr>`	Container element for a set of table cells (`<td>` or `<th>`) that appears on a single row
`<td>`	Default table cell
`<th>`	Special table cell for column (or row, depending on scope and placement) labels Must be used within a `<thead>`
`<caption>`	Description or summary of what the table holds, especially useful for screen readers


<table>
  <caption>...</caption>
  <thead>
    <tr>
      <th>...</th>
      <th>...</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>...</td>
      <td>...</td>
    </tr>
  </tbody>
&tt;/table>

Default styles

Individual form controls receive styling, but without any required base class on the <form> or large changes in markup. Results in stacked, left-aligned labels on top of form controls.


<form>
  <legend>Legend</legend>
  <label>Label name</label>
  <input type="text" placeholder="Type something…">
  <span>Example block-level help text here.</span>
  <label>
    <input type="checkbox"> Check me out
  </label>
  <button type="submit">Submit</button>
</form>

Optional layouts

Included with Bootstrap are three optional form layouts for common use cases.

Search form

Add .form-search to the form and .search-query to the <input> for an extra-rounded text input.


<form>
  <input type="text">
  <button type="submit">Search</button>
</form>

Inline form

Add .form-inline for left-aligned labels and inline-block controls for a compact layout.


<form>
  <input type="text" placeholder="Email">
  <input type="password" placeholder="Password">
  <label>
    <input type="checkbox"> Remember me
  </label>
  <button type="submit">Sign in</button>
</form>

Horizontal form

Right align labels and float them to the left to make them appear on the same line as controls. Requires the most markup changes from a default form:

Add .form-horizontal to the form

Wrap labels and controls in .control-group

Add .control-label to the label

Wrap any associated controls in .controls for proper alignment


<form>
  <div>
    <label for="inputEmail">Email</label>
    <div>
      <input type="text" placeholder="Email">
    </div>
  </div>
  <div>
    <label for="inputPassword">Password</label>
    <div>
      <input type="password" placeholder="Password">
    </div>
  </div>
  <div>
    <div>
      <label>
        <input type="checkbox"> Remember me
      </label>
      <button type="submit">Sign in</button>
    </div>
  </div>
</form>

Supported form controls

Examples of standard form controls supported in an example form layout.

Inputs

Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.

Requires the use of a specified type at all times.


<input type="text" placeholder="Text input">

Textarea

Form control which supports multiple lines of text. Change rows attribute as necessary.


<textarea rows="3"></textarea>

Checkboxes and radios

Checkboxes are for selecting one or several options in a list while radios are for selecting one option from many.

Default (stacked)


<label>
  <input type="checkbox" value="">
  Option one is this and that—be sure to include why it's great
</label>
<label>
  <input type="radio" name="optionsRadios" value="option1" checked>
  Option one is this and that—be sure to include why it's great
</label>
<label>
  <input type="radio" name="optionsRadios" value="option2">
  Option two can be something else and selecting it will deselect option one
</label>

Inline checkboxes

Add the .inline class to a series of checkboxes or radios for controls appear on the same line.


<label>
  <input type="checkbox" value="option1"> 1
</label>
<label>
  <input type="checkbox" value="option2"> 2
</label>
<label>
  <input type="checkbox" value="option3"> 3
</label>

Selects

Use the default option or specify a multiple="multiple" to show multiple options at once.


<select>
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
<select multiple="multiple">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>

Extending form controls

Adding on top of existing browser controls, Bootstrap includes other useful form components.

Prepended and appended inputs

Add text or buttons before or after any text-based input. Do note that select elements are not supported here.

Default options

Wrap an .add-on and an input with one of two classes to prepend or append text to an input.


<div>
  <span>@</span><input size="16" type="text" placeholder="Username">
</div>
<div>
  <input size="16" type="text"><span>.00</span>
</div>

Combined

Use both classes and two instances of .add-on to prepend and append an input.


<div>
  <span>$</span><input size="16" type="text"><span>.00</span>
</div>

Buttons instead of text

Instead of a <span> with text, use a .btn to attach a button (or two) to an input.


<div>
  <input size="16" type="text"><button type="button">Go!</button>
</div>
<div>
  <input size="16" type="text"><button type="button">Search</button><button type="button">Options</button>
</div>

Search form


<form>
  <div>
    <input type="text">
    <button type="submit">Search</button>
  </div>
  <div>
    <button type="submit">Search</button>
    <input type="text">
  </div>
</form>

Control sizing

Use relative sizing classes like .input-large or match your inputs to the grid column sizes using .span* classes.

Relative sizing


<input type="text" placeholder=".input-mini">
<input type="text" placeholder=".input-small">
<input type="text" placeholder=".input-medium">
<input type="text" placeholder=".input-large">
<input type="text" placeholder=".input-xlarge">
<input type="text" placeholder=".input-xxlarge">

Heads up! In future versions, we’ll be altering the use of these relative input classes to match our button sizes. For example, .input-large will increase the padding and font-size of an input.

Grid sizing

Use .span1 to .span12 for inputs that match the same sizes of the grid columns.


<input type="text" placeholder=".span1">
<input type="text" placeholder=".span2">
<input type="text" placeholder=".span3">
<select>
  ...
</select>
<select>
  ...
</select>
<select>
  ...
</select>

For multiple grid inputs per line, use the .controls-row modifier class for proper spacing. It floats the inputs to collapse white-space, sets the proper margins, and the clears the float.


<div>
  <input type="text" placeholder=".span5">
</div>
<div>
  <input type="text" placeholder=".span4">
  <input type="text" placeholder=".span1">
</div>
...

Uneditable inputs

Present data in a form that’s not editable without using actual form markup.


<span>Some value here</span>

Form actions

End a form with a group of actions (buttons). When placed within a .form-horizontal, the buttons will automatically indent to line up with the form controls.


<div>
  <button type="submit">Save changes</button>
  <button type="button">Cancel</button>
</div>

Help text

Inline and block level support for help text that appears around form controls.

Inline help


<input type="text"><span>Inline help text</span>

Block help


<input type="text"><span>A longer block of help text that breaks onto a new line and may extend beyond one line.</span>

Form control states

Provide feedback to users or visitors with basic feedback states on form controls and labels.

Input focus

We remove the default outline styles on some form controls and apply a box-shadow in its place for :focus.


<input type="text" value="This is focused...">

Disabled inputs

Add the disabled attribute on an input to prevent user input and trigger a slightly different look.


<input type="text" placeholder="Disabled input here..." disabled>

Validation states

Bootstrap includes validation styles for error, warning, info, and success messages. To use, add the appropriate class to the surrounding .control-group.


<div>
  <label for="inputWarning">Input with warning</label>
  <div>
    <input type="text">
    <span>Something may have gone wrong</span>
  </div>
</div>
<div>
  <label for="inputError">Input with error</label>
  <div>
    <input type="text">
    <span>Please correct the error</span>
  </div>
</div>
<div>
  <label for="inputSuccess">Input with success</label>
  <div>
    <input type="text">
    <span>Woohoo!</span>
  </div>
</div>

Add classes to an <img> element to easily style images in any project.


<img src="/...">
<img src="/...">
<img src="/...">

Heads up!
.img-rounded and .img-circle do not work in IE7-8 due to lack of border-radius support.

Default thumbnails

By default, Bootstrap’s thumbnails are designed to showcase linked images with minimal required markup.

Highly customizable

With a bit of extra markup, it’s possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Action

Action

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Action

Action

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Action

Action

Why use thumbnails

Thumbnails (previously .media-grid up until v1.4) are great for grids of photos or videos, image search results, retail products, portfolios, and much more. They can be links or static content.

Simple, flexible markup

Thumbnail markup is simple—a ul with any number of li elements is all that is required. It’s also super flexible, allowing for any type of content with just a bit more markup to wrap your contents.

Uses grid column sizes

Lastly, the thumbnails component uses existing grid system classes—like .span2 or .span3—for control of thumbnail dimensions.

Markup

As mentioned previously, the required markup for thumbnails is light and straightforward. Here’s a look at the default setup for linked images:


<ul>
  <li>
    <a href="#">
      <img src="/images/stories/300x200.jpg" alt="">
    </a>
  </li>
  ...
</ul>

For custom HTML content in thumbnails, the markup changes slightly. To allow block level content anywhere, we swap the <a> for a <div> like so:


<ul>
  <li>
    <div>
      <img src="/images/stories/300x200.jpg" alt="">
      <h4>Thumbnail label</h4>
      <p>Thumbnail caption...</p>
    </div>
  </li>
  ...
</ul>

More examples

Explore all your options with the various grid classes available to you. You can also mix and match different sizes.

Default alert

Wrap any text and an optional dismiss button in .alert for a basic warning alert message.

×
Warning! Best check yo self, you’re not looking too good.


<div>
  <button type="button" data-dismiss="alert">×</button>
  <strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>

Dismiss buttons

Mobile Safari and Mobile Opera browsers, in addition to the data-dismiss="alert" attribute, require an href="#" for the dismissal of alerts when using an <a> tag.


<a href="#" data-dismiss="alert">×</a>

Alternatively, you may use a <button> element with the data attribute, which we have opted to do for our docs. When using <button>, you must include type="button" or your forms may not submit.


<button type="button" data-dismiss="alert">×</button>

Dismiss alerts via javascript

Use the

alerts jQuery plugin

for quick and easy dismissal of alerts.

Options

For longer messages, increase the padding on the top and bottom of the alert wrapper by adding .alert-block.

Warning!

Best check yo self, you’re not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.


<div>
  <button type="button" data-dismiss="alert">×</button>
  <h5>Warning!</h5>
  Best check yo self, you're not...
</div>

Contextual alternatives

Add optional classes to change an alert’s connotation.

Error or danger

×
Oh snap! Change a few things up and try submitting again.


<div>
  ...
</div>

Success

×
Well done! You successfully read this important alert message.


<div>
  ...
</div>

Information

×
Heads up! This alert needs your attention, but it’s not super important.


<div>
  ...
</div>

Examples and markup

Basic

Default progress bar with a vertical gradient.


<div>
  <div></div>
</div>

Striped

Uses a gradient to create a striped effect. Not available in IE7-8.


<div>
  <div></div>
</div>

Animated

Add .active to .progress-striped to animate the stripes right to left. Not available in all versions of IE.


<div>
  <div></div>
</div>

Stacked

Place multiple bars into the same .progress to stack them.


<div>
  <div></div>
  <div></div>
  <div></div>
</div>

Options

Additional colors

Progress bars use some of the same button and alert classes for consistent styles.


<div>
  <div></div>
</div>
<div>
  <div></div>
</div>
<div>
  <div></div>
</div>
<div>
  <div></div>
</div>

Striped bars

Similar to the solid colors, we have varied striped progress bars.


<div>
  <div></div>
</div>
<div>
  <div></div>
</div>
<div>
  <div></div>
</div>
<div>
  <div></div>
</div>

Browser support

Progress bars use CSS3 gradients, transitions, and animations to achieve all their effects. These features are not supported in IE7-9 or older versions of Firefox.

Versions earlier than Internet Explorer 10 and Opera 12 do not support animations.

Example

Toggleable, contextual menu for displaying lists of links. Made interactive with the

dropdown javascript plugin

.


<ul role="menu" aria-labelledby="dropdownMenu">
  <li><a tabindex="-1" href="#">Action</a></li>
  <li><a tabindex="-1" href="#">Another action</a></li>
  <li><a tabindex="-1" href="#">Something else here</a></li>
  <li></li>
  <li><a tabindex="-1" href="#">Separated link</a></li>
</ul>

Markup

Looking at just the dropdown menu, here’s the required HTML. You need to wrap the dropdown’s trigger and the dropdown menu within .dropdown, or another element that declares position: relative;. Then just create the menu.


<div>
  <!-- Link or button to toggle dropdown -->
  <ul role="menu" aria-labelledby="dLabel">
    <li><a tabindex="-1" href="#">Action</a></li>
    <li><a tabindex="-1" href="#">Another action</a></li>
    <li><a tabindex="-1" href="#">Something else here</a></li>
    <li></li>
    <li><a tabindex="-1" href="#">Separated link</a></li>
  </ul>
</div>

Options

Align menus to the right and add include additional levels of dropdowns.

Aligning the menus

Add .pull-right to a .dropdown-menu to right align the dropdown menu.


<ul role="menu" aria-labelledby="dLabel">
  ...
</ul>

Sub menus on dropdowns

Add an extra level of dropdown menus, appearing on hover like those of OS X, with some simple markup additions. Add .dropdown-submenu to any li in an existing dropdown menu for automatic styling.


<ul role="menu" aria-labelledby="dLabel">
  ...
  <li>
    <a tabindex="-1" href="#">More options</a>
    <ul>
      ...
    </ul>
  </li>
</ul>

Within a navbar

Within tabs

Usage

Via data attributes

Add data-toggle="dropdown" to a link or button to toggle a dropdown.


<div>
  <a data-toggle="dropdown" href="#">Dropdown trigger</a>
  <ul role="menu" aria-labelledby="dLabel">
    ...
  </ul>
</div>

To keep URLs intact, use the data-target attribute instead of href="#".


<div>
  <a role="button" data-toggle="dropdown" data-target="#" href="/page.html">
    Dropdown
    <b></b>
  </a>
  <ul role="menu" aria-labelledby="dLabel">
    ...
  </ul>
</div>

Via JavaScript

Call the dropdowns via JavaScript:


$('.dropdown-toggle').dropdown()

Options

None

Methods

$().dropdown()

A programatic api for activating menus for a given navbar or tabbed navigation.

Examples

Two basic options, along with two more specific variations.

Single button group

Wrap a series of buttons with .btn in .btn-group.


<div>
  <button>1</button>
  <button>2</button>
  <button>3</button>
</div>

Multiple button groups

Combine sets of <div> into a <div> for more complex components.


<div>
  <div>
    ...
  </div>
</div>

Vertical button groups

Make a set of buttons appear vertically stacked rather than horizontally.


<div>
  ...
</div>

Checkbox and radio flavors

Button groups can also function as radios, where only one button may be active, or checkboxes, where any number of buttons may be active. View

the Javascript docs

for that.

Dropdowns in button groups

Heads up! Buttons with dropdowns must be individually wrapped in their own .btn-group within a .btn-toolbar for proper rendering.

Overview and examples

Use any button to trigger a dropdown menu by placing it within a .btn-group and providing the proper menu markup.


<div>
  <a data-toggle="dropdown" href="#">
    Action
    <span></span>
  </a>
  <ul>
    <!-- dropdown menu links -->
  </ul>
</div>

Works with all button sizes

Button dropdowns work at any size: .btn-large, .btn-small, or .btn-mini.

Requires javascript

Button dropdowns require the

Bootstrap dropdown plugin

to function.

In some cases—like mobile—dropdown menus will extend outside the viewport. You need to resolve the alignment manually or with custom javascript.

Split button dropdowns

Building on the button group styles and markup, we can easily create a split button. Split buttons feature a standard action on the left and a dropdown toggle on the right with contextual links.


<div>
  <button>Action</button>
  <button data-toggle="dropdown">
    <span></span>
  </button>
  <ul>
    <!-- dropdown menu links -->
  </ul>
</div>

Sizes

Utilize the extra button classes .btn-mini, .btn-small, or .btn-large for sizing.


<div>
  <button>Action</button>
  <button data-toggle="dropdown">
    <span></span>
  </button>
  <ul>
    <!-- dropdown menu links -->
  </ul>
</div>

Dropup menus

Dropdown menus can also be toggled from the bottom up by adding a single class to the immediate parent of .dropdown-menu. It will flip the direction of the .caret and reposition the menu itself to move from the bottom up instead of top down.


<div>
  <button>Dropup</button>
  <button data-toggle="dropdown">
    <span></span>
  </button>
  <ul>
    <!-- dropdown menu links -->
  </ul>
</div>

Lightweight defaults

Same markup, different classes

All nav components here—tabs, pills, and lists—share the same base markup and styles through the .nav class.

Basic tabs

Take a regular <ul> of links and add .nav-tabs:


<ul>
  <li>
    <a href="#">Home</a>
  </li>
  <li><a href="#">...</a></li>
  <li><a href="#">...</a></li>
</ul>

Basic pills

Take that same HTML, but use .nav-pills instead:


<ul>
  <li>
    <a href="#">Home</a>
  </li>
  <li><a href="#">...</a></li>
  <li><a href="#">...</a></li>
</ul>

Disabled state

For any nav component (tabs, pills, or list), add .disabled for gray links and no hover effects. Links will remain clickable, however, unless custom javascript is implemented to prevent those clicks.


<ul>
  ...
  <li><a href="#">Home</a></li>
  ...
</ul>

Component alignment

To align nav links, use the .pull-left or .pull-right utility classes. Both classes will add a CSS float in the specified direction.

Stackable

As tabs and pills are horizontal by default, just add a second class, .nav-stacked, to make them appear vertically stacked.

Stacked tabs


<ul>
  ...
</ul>

Stacked pills


<ul>
  ...
</ul>

Dropdowns

Add dropdown menus with a little extra HTML and the

dropdowns javascript plugin

.

Tabs with dropdowns


<ul>
  <li>
    <a
       data-toggle="dropdown"
       href="#">
        Dropdown
        <b></b>
      </a>
    <ul>
      <!-- links -->
    </ul>
  </li>
</ul>

Pills with dropdowns


<ul>
  <li>
    <a
       data-toggle="dropdown"
       href="#">
        Dropdown
        <b></b>
      </a>
    <ul>
      <!-- links -->
    </ul>
  </li>
</ul>

Nav lists

A simple and easy way to build groups of nav links with optional headers. They’re best used in sidebars like the Finder in OS X.

Example nav list

Take a list of links and add class="nav nav-list":


<ul>
  <li>List header</li>
  <li><a href="#">Home</a></li>
  <li><a href="#">Library</a></li>
  ...
</ul>

Note For nesting within a nav list, include class="nav nav-list" on any nested <ul>.

Horizontal dividers

Add a horizontal divider by creating an empty list item with the class .divider, like so:


<ul>
  ...
  <li></li>
  ...
</ul>

Tabbable nav

Bring your tabs to life with a simple plugin to toggle between content via tabs. Bootstrap integrates tabbable tabs in four styles: top (default), right, bottom, and left.

Tabbable example

To make tabs tabbable, create a .tab-pane with unique ID for every tab and wrap them in .tab-content.

What up girl, this is Section 3.


<div> <!-- Only required for left/right tabs -->
  <ul>
    <li><a href="#tab1" data-toggle="tab">Section 1</a></li>
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
  </ul>
  <div>
    <div>
      <p>I'm in Section 1.</p>
    </div>
    <div>
      <p>Howdy, I'm in Section 2.</p>
    </div>
  </div>
</div>

Fade in tabs

To make tabs fade in, add .fade to each .tab-pane.

Tabbable in any direction

Tabs on the bottom

Flip the order of the HTML and add a class to put tabs on the bottom.

What up girl, this is Section C.


<div>
  <div>
    ...
  </div>
  <ul>
    ...
  </ul>
</div>

Tabs on the left

Swap the class to put tabs on the left.

What up girl, this is Section C.


<div>
  <ul>
    ...
  </ul>
  <div>
    ...
  </div>
</div>

Tabs on the right

Swap the class to put tabs on the right.

What up girl, this is Section C.


<div>
  <ul>
    ...
  </ul>
  <div>
    ...
  </div>
</div>

Examples

A single example shown as it might be displayed across multiple pages.


<ul>
  <li><a href="#">Home</a> <span>/</span></li>
  <li><a href="#">Library</a> <span>/</span></li>
  <li>Data</li>
</ul>

Labels

Labels	Markup
Default	`<span>Default</span>`
Success	`<span>Success</span>`
Warning	`<span>Warning</span>`
Important	`<span>Important</span>`
Info	`<span>Info</span>`
Inverse	`<span>Inverse</span>`

Badges

Name	Example	Markup
Default	1	`<span>1</span>`
Success	2	`<span>2</span>`
Warning	4	`<span>4</span>`
Important	6	`<span>6</span>`
Info	8	`<span>8</span>`
Inverse	10	`<span>10</span>`

Wells

Use the well as a simple effect on an element to give it an inset effect.

<div>
  ...
</div>

Optional classes

Control padding and rounded corners with two optional modifier classes.

<div>
  ...
</div>

<div>
  ...
</div>

Close icon

Use the generic close icon for dismissing content like modals and alerts.

<button>&times;</button>

iOS devices require an href=»#» for click events if you rather use an anchor.

<a href="#">&times;</a>

Helper classes

Simple, focused classes for small display or behavior tweaks.

.pull-left

Float an element left

class="pull-left"

.pull-left {
  float: left;
}

.pull-right

Float an element right

class="pull-right"

.pull-right {
  float: right;
}

.muted

Change an element’s color to #999

class="muted"

.muted {
  color: #999;
}

.clearfix

Clear the float on any element

class="clearfix"

.clearfix {
  *zoom: 1;
  &:before,
  &:after {
    display: table;
    content: "";
  }
  &:after {
    clear: both;
  }
}

Уроки Bootstrap 3.0 для начинающих – списки. 7-й урок

» Уроки Bootstrap 3.0 для начинающих – списки. 7-й урок

В этом уроке вы узнаете и научитесь применять различные стили к различным видам списков с помощью Фреймворка Twitter Bootstrap. Вы увидите, как из обычного HTML списка можно быстро все оформить с помощью Bootstrap. Начну с простого.

Основные типы списков, которые мы рассмотрим в этом уроке:

Маркированный список – это список без нумерации. Перед каждым элементом списка добавляется небольшой маркер в виде закрашенного кружочка
Нумерованный список – это список, в котором есть нумерация (значение в виде цифр или букв)
Список определений – это список терминов и связанных с ними описаний

Создание стандартных списков c помощью Twitter Bootstrap

Для начала я покажу, как в Bootstrap создаются стандартные списки (маркированные и нумерованные списки). А потом перейдем к более интересному.

Создание маркированного списка

Чтобы создать маркированный список в Bootstrap, достаточно воспользоваться знаниями основ HTML. Здесь маркированные списки тоже создаются с помощью тегов <ul><li>……</li></ul>:


<ul>
    <li>Элемент маркированного списка</li>
    <li>Элемент маркированного списка</li>
    <li>Элемент маркированного списка</li>
    <li>Элемент маркированного списка</li>
    <li>Элемент маркированного списка</li>
</ul>

Результат:

Элемент маркированного списка
Элемент маркированного списка
Элемент маркированного списка
Элемент маркированного списка
Элемент маркированного списка

Более сложный список с двойным уровнем


<ul>
    <li>Элемент маркированного списка</li>
    <li>Элемент маркированного списка</li>
    <li>Элемент маркированного списка
        <ul>
            <li>Элемент 2 уровня</li>
            <li>Элемент 2 уровня</li>
            <li>Элемент 2 уровня</li>
        </ul>
    </li>
    <li>Элемент маркированного списка</li>
    <li>Элемент маркированного списка</li>
</ul>

Результат:

Элемент маркированного списка
Элемент маркированного списка
Элемент маркированного списка
Элемент 2 уровня
Элемент 2 уровня
Элемент 2 уровня
Элемент маркированного списка
Элемент маркированного списка

Создание нумерованного списка

Чтобы создать нумерованный список в Bootstrap, достаточно использовать стандартные HTML-теги <ol><li>……</li></ol>:


<ol>
    <li>Элемент нумерованного списка</li>
    <li>Элемент нумерованного списка</li>
    <li>Элемент нумерованного списка</li>
    <li>Элемент нумерованного списка</li>
    <li>Элемент нумерованного списка</li>
</ol>

Результат:

Элемент нумерованного списка
Элемент нумерованного списка
Элемент нумерованного списка
Элемент нумерованного списка
Элемент нумерованного списка

Создание списка определений

Чтобы создать список определений в Bootstrap, достаточно использовать стандартные HTML-теги <dl><dt><dd>……</dd></dt></dl>:


<dl>
   <dt>Тег</dt>
     <dd>Тег — это ........</dd>
   <dt>HTML-документ</dt>
     <dd>HTML-документ — это ........</dd>
   <dt>Сайт</dt>
   <dd>Cайт — это .........</dd>
</dl>

Результат:

Тег: Тег — это ……..
HTML-документ: HTML-документ — это ……..
Сайт: Cайт — это ………

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

Создание нумерованных и маркированных списков без нумерации и маркирования

Если вам нужно убрать из списков номера и маркеры, то необходимо применить класс «list-unstyled» к тегам <ul> или <ol>.


<ul>
    <li>Элемент маркированного списка</li>
    <li>Элемент маркированного списка</li>
    <li>Элемент маркированного списка</li>
    <li>Элемент маркированного списка</li>
    <li>Элемент маркированного списка</li>
</ul>

Или


<ol>
    <li>Элемент нумерованного списка</li>
    <li>Элемент нумерованного списка</li>
    <li>Элемент нумерованного списка</li>
    <li>Элемент нумерованного списка</li>
    <li>Элемент нумерованного списка</li>
</ol>

Результат:

Элемент маркированного списка
Элемент маркированного списка
Элемент маркированного списка
Элемент маркированного списка
Элемент маркированного списка

Более сложный список с двойным уровнем


<ul>
    <li>Элемент маркированного списка</li>
    <li>Элемент маркированного списка</li>
    <li>Элемент маркированного списка
        <ul>
            <li>Элемент 2 уровня</li>
            <li>Элемент 2 уровня</li>
            <li>Элемент 2 уровня</li>
        </ul>
    </li>
    <li>Элемент маркированного списка</li>
    <li>Элемент маркированного списка</li>
</ul>

Результат:

Размещение нумерованных и маркированных списков в одну строку

Этот пример поможет вам создать горизонтальное меню из нумерованных или маркированных списков. Все элементы списка будут размешены горизонтально в одну строку, если вы примените класс «list-inline» к тегам <ul> или <ol>.


<ul>
  <li>Главная</li>
  <li>Портфолио</li>
  <li>Автор</li>
  <li>Контакты</li>
</ul>

Результат:

Создание горизонтальных списков определений

Можно список определений разместить в одну строку. Это, довольно таки, смотрится красиво. Убедитесь в этом сами, когда увидите результат.
Итак, чтобы разместить список определений в одну строку, примените класс «dl-horizontal» к тегу <dl>:


<dl>
   <dt>HTML</dt>
     <dd>HTML –  (от англ. Hypertext Markup Language ) это язык разметки гипертекста. Он впервые был разработан британским учёным Тимом Бернерс-Ли (Tim Berners-Lee) в 1991—1992 годах.</dd>
   <dt>CSS</dt>
     <dd>CSS (Cascading Style Sheets) – это каскадные таблицы стилей, которые хранят в себе правила для группы или одиночного элемента. CSS используют для изменения внешнего вида дизайна сайта (цвет, размер текста, фон и др.).</dd>
   <dt>PHP</dt>
   <dd>PHP (Hypertext Preprocessor - Препроцессор Гипертекста) – один из самых лучших и легких языков программирования, специально разработанный для написания web-приложений и может внедряться в HTML-код.</dd>
</dl>

Результат:

Если вы будете смотреть список определений на маленьких экранах (ширина меньше 768px), горизонтальные списки определений поменяются на вертикальные (по умолчанию).

Создание групповых списков

Хорошая возможность создать красивое вертикальное меню.


<ul>
    <li>Главная</li>
    <li>Портфолио</li>
    <li>Автор</li>
    <li>Контакты</li>
</ul>

Результат:

Если добавить ссылки к элементам спискам, выйдет симпатичное меню, где при нажатии останется выделенное активное меню.


<ul>
    <a href="#"><li>Главная</li></a>
    <a href="#"><li>Портфолио</li></a>
    <a href="#"><li>Автор</li></a>
    <a href="#"><li>Контакты</li></a>
</ul>

Результат:

Если добавить к элементам списка иконки, выйдет еще более красивое меню, где при нажатии останется выделенное активное меню.


<ul>
    <a href="#"><li><span></span> Главная</li></a>
    <a href="#"><li><span></span> Портфолио</li></a>
    <a href="#"><li><span></span> Автор</li></a>
    <a href="#"><li><span></span> Контакты</li></a>
</ul>

Результат:

Все стили иконок glyphicon мы рассмотрим в других уроках.

Если заменить тег <ul> на тег <div>, а <li> на <a href>, то в итоге получится изящное адаптивное меню. Итак, код:


<div>
    <a href="#"><span></span> Главная<span>9</span></a>
    <a href="#"><span></span> Портфолио<span>24</span></a>
    <a href="#"><span></span> Автор<span>2</span></a>
    <a href="#"><span></span> Контакты<span>2</span></a>
</div>

Результат:

Я думаю, не стоит отходить от темы списков, а то я уже зацепил тему создания меню :mrgreen:. В следующих уроках вас ждет еще одна интересная тема. Не пропустите моих уроков по основам Фреймворка Twitter Bootstrap.
Удачи!!!

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

JavaScript · Bootstrap

Индивидуальный или составной

Плагины

могут быть включены индивидуально (с использованием отдельных файлов Bootstrap * .js ) или все сразу (с использованием bootstrap.js или уменьшенного bootstrap.min.js ).

Использование скомпилированного JavaScript

И bootstrap.js , и bootstrap.min.js содержат все плагины в одном файле. Включите только один.

Зависимости плагина

Некоторые плагины и компоненты CSS зависят от других плагинов.Если вы включаете плагины по отдельности, обязательно проверьте эти зависимости в документации. Также обратите внимание, что все плагины зависят от jQuery (это означает, что jQuery должен быть включен перед файлами плагина). Проконсультируйтесь с нашим bower.json , чтобы узнать, какие версии jQuery поддерживаются.

Атрибуты данных

Вы можете использовать все плагины Bootstrap только через API разметки, не написав ни одной строчки JavaScript. Это первоклассный API-интерфейс Bootstrap, который следует учитывать в первую очередь при использовании плагина.

Тем не менее, в некоторых ситуациях может потребоваться отключить эту функцию. Поэтому мы также предоставляем возможность отключить API атрибутов данных, отключив все события в документе с пространством имен data-api . Это выглядит так:

  $ (document) .off ('. Data-api')

В качестве альтернативы, чтобы настроить таргетинг на конкретный плагин, просто включите имя плагина в качестве пространства имен вместе с пространством имен data-api, например:

  $ (документ).выкл. ('. alert.data-api')

Только один плагин на элемент через атрибуты данных

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

Программный API

Мы также считаем, что вы сможете использовать все плагины Bootstrap исключительно через JavaScript API. Все общедоступные API-интерфейсы являются одиночными, объединяемыми в цепочку методами и возвращают коллекцию, на которую были выполнены действия.

  $ ('. Btn.danger'). Button ('toggle'). AddClass ('fat')

Все методы должны принимать необязательный объект параметров, строку, нацеленную на конкретный метод, или ничего (что инициирует плагин с поведением по умолчанию):

  $ ('# myModal'). Modal () // инициализируется значениями по умолчанию
$ ('# myModal'). modal ({keyboard: false}) // инициализируется без клавиатуры
$ ('# myModal'). modal ('show') // немедленно инициализирует и вызывает show

Каждый плагин также предоставляет свой необработанный конструктор в свойстве Constructor : $.fn.popover.Constructor . Если вы хотите получить конкретный экземпляр плагина, получите его прямо из элемента: $ ('[rel = "popover"]'). Data ('popover') .

Настройки по умолчанию

Вы можете изменить настройки по умолчанию для плагина, изменив его конструктор .DEFAULTS объект:

  $ .fn.modal.Constructor.DEFAULTS.keyboard = false // изменяет значение по умолчанию для опции `keyboard` модального плагина на false

Нет конфликта

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

  var bootstrapButton = $ .fn.button.noConflict () // вернуть $ .fn.button к ранее присвоенному значению
$ .fn.bootstrapBtn = bootstrapButton // дать $ (). bootstrapBtn функциональность Bootstrap

События

Bootstrap предоставляет настраиваемые события для уникальных действий большинства плагинов.Как правило, они бывают в форме причастия прошедшего времени и инфинитива, где инфинитив (например, показывает ) запускается в начале события, а его форма причастия прошедшего времени (например, показано ) запускается после завершения действие.

Начиная с 3.0.0, все события Bootstrap имеют пространство имен.

Все инфинитивные события обеспечивают функциональность preventDefault . Это дает возможность остановить выполнение действия до его запуска.

  $ ('# myModal').ария - [\ w -] * $ / i
var DefaultWhitelist = {
  // Глобальные атрибуты разрешены для любого указанного ниже элемента.
  '*': ['класс', 'каталог', 'идентификатор', 'язык', 'роль', ARIA_ATTRIBUTE_PATTERN],
  a: ['target', 'href', 'title', 'rel'],
  площадь: [],
  b: [],
  br: [],
  col: [],
  код: [],
  div: [],
  em: [],
  час: [],
  h2: [],
  h3: [],
  h4: [],
  h5: [],
  h5: [],
  h6: [],
  я: [],
  img: ['src', 'alt', 'title', 'width', 'height'],
  li: [],
  ол: [],
  п: [],
  pre: [],
  s: [],
  небольшой: [],
  охватывать: [],
  sub: [],
  Как дела: [],
  сильный: [],
  u: [],
  ul: []
}

Если вы хотите добавить новые значения в этот белый список по умолчанию , вы можете сделать следующее:

  var myDefaultWhiteList = $.data-my-app - [\ w -] + /
myDefaultWhiteList ['*']. push (myCustomRegex)

Если вы хотите обойти наше средство очистки, потому что вы предпочитаете использовать выделенную библиотеку, например DOMPurify, вы должны сделать следующее:

  $ ('# yourTooltip'). Tooltip ({
  sanitizeFn: function (content) {
    вернуть DOMPurify.sanitize (контент)
  }
})

Браузеры без

document.implementation.createHTMLDocument

В случае браузеров, которые не поддерживают документ .implementation.createHTMLDocument , как и в Internet Explorer 8, встроенная функция очистки возвращает HTML как есть.

Если вы хотите выполнить дезинфекцию в этом случае, укажите sanitizeFn и используйте внешнюю библиотеку, например DOMPurify.

Номера версий

Доступ к версии каждого из подключаемых модулей jQuery Bootstrap можно получить через свойство VERSION конструктора подключаемого модуля. Например, для плагина всплывающей подсказки:

  $.fn.tooltip.Constructor.VERSION // => "3.4.1"

Никаких специальных резервных вариантов при отключенном JavaScript

Плагины

Bootstrap не особо изящно отключаются при отключенном JavaScript. Если вы заботитесь о пользовательском опыте в этом случае, используйте

...

... ...

Предыдущий Далее

Проблема доступности
Компонент карусели обычно не соответствует стандартам доступности.Если вам нужно соответствовать требованиям, рассмотрите другие варианты представления вашего контента.
Анимация перехода не поддерживается в Internet Explorer 8 и 9
Bootstrap использует исключительно CSS3 для своей анимации, но Internet Explorer 8 и 9 не поддерживают необходимые свойства CSS. Таким образом, при использовании этих браузеров анимация перехода между слайдами отсутствует. Мы намеренно решили не включать резервные варианты на основе jQuery для переходов.
Требуется начальный активный элемент
Модель .Активный класс нужно добавить на один из слайдов. В противном случае карусель не будет видна.
Необязательные значки Glyphicon
Классы .glyphicon .glyphicon-chevron-left и .glyphicon .glyphicon-chevron-right не обязательно нужны для элементов управления. Bootstrap предоставляет .icon-prev и .icon-next как простые альтернативы Unicode.
Дополнительные подписи
Легко добавляйте подписи к слайдам с помощью .carousel-caption в любом элементе .item . Поместите туда практически любой необязательный HTML, и он будет автоматически выровнен и отформатирован.
Этикетка первого слайда
Nulla vitae elit libero, pharetra augue mollis interdum.
Этикетка второго слайда
Lorem ipsum dolor sit amet, conctetur adipiscing elit.
Этикетка третьего слайда
Praesentmodo cursus magna, vel scelerisque nisl consctetur.
Предыдущий
Следующий
... ...
Использование
Несколько каруселей
Карусели требуют использования id на самом внешнем контейнере (.карусель ) для правильной работы элементов управления каруселью. При добавлении нескольких каруселей или при изменении идентификатора карусели обязательно обновите соответствующие элементы управления.
Через атрибуты данных
Используйте атрибуты данных, чтобы легко управлять положением карусели. data-slide принимает ключевые слова prev или next , которые изменяют положение слайда относительно его текущего положения. В качестве альтернативы используйте data-slide-to для передачи необработанного индекса слайда в карусель data-slide-to = "2" , который сдвигает положение слайда на конкретный индекс, начиная с 0 .
Атрибут data-ride = "carousel" используется для обозначения карусели как анимированной, начиная с загрузки страницы. Не может использоваться в сочетании с (избыточной и ненужной) явной инициализацией JavaScript той же карусели.
Через JavaScript
Вызов карусели вручную с помощью:
$ ('. Карусель'). Карусель ()
Опции
Параметры можно передавать через атрибуты данных или JavaScript. Для атрибутов данных добавьте имя опции к data- , как в data-interval = "" .
Имя тип по умолчанию описание
интервал номер 5000 Время задержки между автоматическим циклическим циклом элемента. Если false, карусель не будет автоматически повторяться.
пауза строка | null «парение» Если установлено значение "hover" , приостанавливает цикл карусели на mouseenter и возобновляет цикл карусели на mouseleave .Если установлено значение null , при наведении курсора на карусель она не приостанавливается.
обертка логический правда Должна ли карусель двигаться непрерывно или иметь жесткие остановки.
клавиатура логический правда Должна ли карусель реагировать на события клавиатуры.
Методы
.карусель (опции)
Инициализирует карусель с дополнительным объектом options и начинает циклический просмотр элементов.
$ ('. Carousel'). Carousel ({ интервал: 2000 })
.carousel ('цикл')
Перебирает элементы карусели слева направо.
. Карусель ('пауза')
Запрещает карусели циклически перемещаться по элементам.
. Карусель (номер)
Циклический переход карусели к определенному кадру (на основе 0, аналогично массиву).
.carousel ('предыдущая')
Переход к предыдущему элементу.
. Карусель ('далее')
Переход к следующему элементу.
События
Класс карусели
Bootstrap предоставляет два события для подключения к функциональности карусели.
Оба события имеют следующие дополнительные свойства:
направление : направление, в котором движется карусель ( «влево» или «вправо» ).
relatedTarget : элемент DOM, который вставляется на место в качестве активного элемента.
Все события карусели запускаются в самой карусели (то есть в
).
Тип события Описание
слайд-карусель Это событие запускается немедленно при вызове метода экземпляра slide .
сдвинуто.bs.carousel Это событие вызывается, когда карусель завершает переход между слайдами.
$ ('# myCarousel'). On ('slide.bs.carousel', function () { // сделай что-нибудь… })
Пример
Плагин аффикса переключает положение : фиксировано; вкл. И выкл., Имитируя эффект, обнаруженный с позицией : липкое; . Поднавигация справа - это живая демонстрация плагина аффиксов.
Использование
Используйте подключаемый модуль аффиксов с помощью атрибутов данных или вручную с помощью собственного JavaScript. В обоих случаях вы должны предоставить CSS для позиционирования и ширины вашего прикрепленного контента.
Примечание. Не используйте подключаемый модуль аффикса к элементу, содержащемуся в относительно позиционируемом элементе, таком как вытянутый или выталкиваемый столбец, из-за ошибки рендеринга Safari.
Позиционирование через CSS
Плагин affix переключает между тремя классами, каждый из которых представляет определенное состояние: .affix , .affix-top и .affix-bottom .Вы должны предоставить стили, за исключением position: fixed; на .affix , чтобы эти классы самостоятельно (независимо от этого плагина) обрабатывали фактические позиции.
Вот как работает плагин affix:
Для начала плагин добавляет .affix-top , чтобы указать, что элемент находится в самой верхней позиции. На этом этапе позиционирование CSS не требуется.
Прокрутка мимо элемента, который вы хотите прикрепить, должна вызвать фактическое прикрепление.Здесь .affix заменяет .affix-top и устанавливает position: fixed; (предоставляется CSS Bootstrap).
Если задано нижнее смещение, прокрутка мимо него должна заменить .affix на .affix-bottom . Поскольку смещения являются необязательными, для их настройки необходимо установить соответствующий CSS. В этом случае добавьте position: absolute; при необходимости. Плагин использует атрибут данных или параметр JavaScript, чтобы определить, где разместить элемент оттуда.
Выполните указанные выше действия, чтобы настроить CSS для любого из вариантов использования, указанных ниже.
Через атрибуты данных
Чтобы легко добавить поведение аффикса к любому элементу, просто добавьте data-spy = "affix" к элементу, за которым вы хотите следить. Используйте смещения, чтобы определить, когда следует переключать закрепление элемента.
...
Через JavaScript
Вызов плагина affix через JavaScript:
$ ('# myAffix').affix ({ компенсировать: { верх: 100, bottom: function () { return (this.bottom = $ ('. footer'). outerHeight (true)) } } })
Опции
Параметры можно передавать через атрибуты данных или JavaScript. Для атрибутов данных добавьте имя опции к data- , как в data-offset-top = "200" .
Номер
Селектор
Имя тип по умолчанию описание
смещение | функция | объект 10 пикселей для смещения от экрана при вычислении положения прокрутки.Если указано одно число, смещение будет применяться как в верхнем, так и в нижнем направлениях. Чтобы обеспечить уникальное смещение снизу и сверху, просто укажите смещение объекта : {top: 10} или смещение: {top: 10, bottom: 5} . Используйте функцию, когда вам нужно динамически вычислить смещение.
цель | узел | Элемент jQuery окно объект Задает целевой элемент аффикса.
Методы
. Крепление (опции)
Активирует ваш контент как прикрепленный контент. Принимает необязательные параметры , объект .
$ ('# myAffix'). Affix ({ смещение: 15 })
.affix ('checkPosition')
Пересчитывает состояние аффикса на основе размеров, положения и положения прокрутки соответствующих элементов. .affix , .affix-top и .affix-bottom классы добавляются или удаляются из прикрепленного содержимого в соответствии с новым состоянием. Этот метод необходимо вызывать всякий раз, когда изменяются размеры прикрепленного содержимого или целевого элемента, чтобы гарантировать правильное позиционирование прикрепленного содержимого.
$ ('# myAffix'). Affix ('checkPosition')
События
Плагин аффиксов
Bootstrap предоставляет несколько событий для подключения к функциям аффиксов.
Тип события Описание
аффикс.bs.affix Это событие запускается непосредственно перед прикреплением элемента.
прикрепленный аффикс Это событие вызывается после прикрепления элемента.
affix-top.bs.affix Это событие запускается непосредственно перед прикреплением элемента сверху.
прикрепленный верхний аффикс Это событие вызывается после того, как элемент был прикреплен сверху.
крепление-нижнее крепление Это событие запускается непосредственно перед прикреплением элемента снизу.
прикрепленное нижнее крепление Это событие вызывается после того, как элемент был прикреплен снизу.
(PDF) Пересмотр ранжирования и выбора начальной загрузки
Ли и Нельсон
7 ВЫВОДЫ
В этой статье мы продемонстрировали эмпирически и предоставили асимптотическую поддержку для универсальных процедур R&S
, основанных на начальной загрузке для показателей производительности, которые могут быть выражены как ожидаемые значения или
квантилей.Под «универсальным назначением» мы подразумеваем, что процедуру не нужно адаптировать к конкретным характеристикам, представляющим интерес, или предполагаемому распределению результатов моделирования.
По крайней мере, две проблемы остаются: сокращение вычислительных затрат на реализацию начальной загрузки R&S,
и получение менее консервативных процедур (которые, уменьшая размер выборки, также уменьшают вычисления
). В этой статье мы использовали приращение размера выборки ∆n> 1, чтобы уменьшить количество раз, которое нужно оценить
, вероятность охвата бутстрапом, но мы еще не предоставили никаких руководящих принципов для
выбора ∆n оптимальным способом.Кроме того, наш выбор лучших основан на одновременной уверенности
интервалов для всех пар различий, что является более сильным выводом, чем необходимо для выбора лучшего (см., Например,
, Hsu (1996)). Поэтому мы полагаем, что можно было бы ужесточить процедуру, используя начальную загрузку
для непосредственной оценки PCS. Наконец, мы моделируем все k-системы до тех пор, пока не будет выбрана лучшая, но
многоступенчатых процедур R&S, которые устраняют неполноценные системы по пути, как правило, более эффективны.
БЛАГОДАРНОСТИ
Эта работа была поддержана Исследовательским фондом 2013 г. (1.120084.01) Ульсанского национального института науки и технологий
.
СПИСОК ЛИТЕРАТУРЫ
Беххофер Р. Э., Т. Дж. Сантнер и Д. М. Голдсман. 1995. Дизайн и анализ экспериментов для статистического отбора
, скрининга и множественных сравнений. Нью-Йорк: Вили.
Бекки, Дж. М., Б. Л. Нельсон и Дж. У. Фаулер. 2010. «доверительные интервалы фиксированной ширины на основе начальной загрузки
для ранжирования и выбора».В Трудах Зимней конференции по моделированию 2010 г., под редакцией
Б. Йоханссон, С. Джайн, Дж. Монтойя-Торрес, Дж. Хьюган и Э. Юцесан, 1024–1033. Пискатауэй, Нью-
Джерси: Институт инженеров по электротехнике и электронике, Inc.
Гупта, С.С., и С. Панчапакесан. 1979. Процедуры множественного принятия решений: теория и методология отбора и ранжирования популяций
, том 44. Сиам.
Сюй, Дж. С. 1996. Множественные сравнения: теория и методы.Чепмен и Холл / CRC.
Ли С. и Б. Л. Нельсон. 2014. «Рейтинг начальной загрузки и выбор для моделирования». Технический отчет,
Северо-Западный университет, факультет промышленной инженерии и управления.
Mulekar, M. S., and F. J. Matejcik. 2000. «Определение размера выборки для выбора наименьшего из k
средств пуассоновской генеральной совокупности». Связь в статистическом моделировании и вычислениях 29 (1): 37–48.
Свейнпол, Дж., Дж. В. Вик и Дж.Вентер. 1983. «Доверительные интервалы фиксированной ширины на основе процедур начальной загрузки
». Коммуникации в статистическом последовательном анализе 2 (4): 289–310.
АВТОРСКИЕ БИОГРАФИИ
СУНХУИ ЛИ - доцент Школы делового администрирования UNIST. Она повторно получила степень бакалавра
. в KAIST, M.S. в Технологическом институте Джорджии и доктором философии. в области промышленной инженерии и
наук управления в Северо-Западном университете. Ее исследовательские интересы включают стохастическую оптимизацию,
и ее приложения.Ее адрес электронной почты: [email protected].
БАРРИ Л. НЕЛЬСОН - профессор Уолтера П. Мерфи и заведующий кафедрой промышленного производства.
Инженерные науки и управление в Северо-Западном университете. Он является научным сотрудником ИНФОРМС и МИП.
Его исследования сосредоточены на разработке и анализе экспериментов по компьютерному моделированию на моделях стохастических систем
, и он является автором книги «Основы и методы стохастического моделирования: первый курс» от
Springer.Его адрес электронной почты: [email protected].
3868
Re: st: ошибки начальной загрузки / надежные стандартные ошибки
Re: st: ошибки начальной загрузки / надежные стандартные ошибки
[Предыдущая дата] [Следующая дата] [Предыдущая тема] [Следующая тема] [Указатель даты] [Указатель темы]
Тинна, Добро пожаловать. - Боб Роберт А. Яффи, доктор философии. Профессор-исследователь Ширли М. Эренкранц Школа социальной работы Нью-Йоркский университет домашний адрес: Кв. 19-З 2100 Linwood Ave. Форт-Ли, штат Нью-Джерси 07024-3171 Телефон: 201-242-3824 Факс: 201-242-3825 yaffee @ ню.edu ----- Исходное сообщение ----- От: Тинна Дата: вторник, 3 января 2006 г., 11:52 Тема: Re: st: Ошибки начальной загрузки / надежные стандартные ошибки > Спасибо, Боб > Тинна > > 3 января 2006 года Роберт А Яффи написал: >> Тинна, >> Оценщик Уайта попытается компенсировать >> за гетероскедастичность. В зависимости от >> процедуры, у вас будут разные варианты-- >> стандартный бутерброд (с дополнительной регулировкой n / (n-k)), >> поправки на кредитное плечо hc2 или hc3.>> Программа начальной загрузки предоставляет стандартные эмпирические ошибки. В >> Коррекция смещения и ускорение - это хорошо, если есть >> здесь асимметрия в остаточном распределении. Наклонная мощь >> Быть лучше, но Stata пока этого не предлагает. >> Если у вас есть автокорреляционная ошибка в остатках, вы >> возможно, захотите рассмотреть процедуру Ньюи (Newey-West >> регресс). Он делает коррекцию белого плюс один для >> автокорреляция остатков для заданного количества >> лаги.Но бутстрап для данных временных рядов еще не является частью >> пакета Stata. >> Надеюсь, это поможет, >> Боб Яффи >> >> >> >> Роберт А. Яффи, доктор философии. >> Профессор-исследователь >> Ширли М. Эренкранц >> Школа социальной работы >> Нью-Йоркский университет >> >> домашний адрес: >> Кв. 19-З >> 2100 Linwood Ave. >> Форт-Ли, штат Нью-Джерси >> 07024-3171 >> Телефон: 201-242-3824 >> Факс: 201-242-3825 >> yaffee @ nyu.edu >> >> ----- Исходное сообщение ----- >> От: Тинна >> Дата: 2 января 2006 г., понедельник, 15:25 >> Тема: st: Ошибки начальной загрузки / надежные стандартные ошибки >> >>> Уважаемые Статалисты, >>> >>> Тест Уайта выявил гетероскедастические SE. >>> Могу ли я использовать -vce (надежный) - или -vce (bootstrap) - в этом > заболеваемость?>> Насколько я понимаю (после поиска в Интернете), > оба правильные >>> систематические ошибки в SE из-за гетероскедастичности структуры ошибок.> Один >>> более подходящий то другой? >>> >>> Спасибо >>> Тина >>> >>> * >>> * Для поиска и помощи попробуйте: >>> * http://www.stata.com/support/faqs/res/findit.html >>> * http://www.stata.com/support/statalist/faq >>> * http://www.ats.ucla.edu/stat/stata/ >>> >> * >> * Для поиска и помощи попробуйте: >> * http://www.stata.com/support/faqs/res/findit.html >> * http://www.stata.com/support/statalist/faq >> * http://www.ats.ucla.edu/stat/stata/ >> > > * > * Для поиска и помощи попробуйте: > * http://www.stata.com/support/faqs/res/findit.html > * http://www.stata.com/support/statalist/faq > * http://www.ats.ucla.edu/stat/stata/ > * * Для поиска и помощи попробуйте: * http://www.stata.com/support/faqs/res/findit.html * http://www.stata.com/support/statalist/faq * http://www.ats.ucla.edu/stat/stata/
Согласованный непараметрический бутстрап-тест экзогенности
Автор
Abstract
В этой статье предлагается новый способ проверки экзогенности объясняющей переменной без каких-либо параметрических предположений в присутствии «условной» инструментальной переменной.{-1/2}. Мы предлагаем непротиворечивый непараметрический тест начальной загрузки для реализации этого проверяемого следствия. Мы показываем, что предлагаемый бутстрап-тест может быть асимптотически оправдан в том смысле, что он дает асимптотически правильный размер при нуле экзогенности и асимптотически имеет единичную мощность. Наш непараметрический тест может быть применен к случаям, когда результат порождается аддитивно неотделимой структурной зависимостью или когда результат дискретен, что не изучалось в литературе.
Рекомендуемое цитирование
Джинхён Ли, 2013.
« Согласованный непараметрический бутстрап-тест экзогенности »,
Серия дискуссионных документов, Школа экономики и финансов
201316, Школа экономики и финансов Университета Сент-Эндрюс.
Рукоятка: RePEc: san: wpecon: 1316
Скачать полный текст от издателя
Ссылки на IDEAS
Ву, Де-Мин, 1973.
« Альтернативные тесты независимости между стохастическими регрессорами и возмущениями »,
Econometrica, Econometric Society, vol.41 (4), страницы 733-750, июль.
Робинсон, Питер М., 1988.
" Корень - N-согласованная полупараметрическая регрессия ,"
Econometrica, Econometric Society, vol. 56 (4), страницы 931-954, июль.
Lavergne, Pascal & Vuong, Quang H, 1996.
« Непараметрический выбор регрессоров: невложенный случай »,
Econometrica, Econometric Society, vol. 64 (1), страницы 207-219, январь.
Дональд В. К. Эндрюс, 1997.
« Условный тест Колмогорова ,»
Econometrica, Econometric Society, vol.65 (5), страницы 1097-1128, сентябрь.
Ангрист, Джошуа Д., 1990.
« Пожизненный заработок и призывная лотерея времен Вьетнама: данные из административных записей социального обеспечения »,
Американский экономический обзор, Американская экономическая ассоциация, т. 80 (3), страницы 313-336, июнь.
Чешер, Эндрю, 1985.
« Score тесты на нулевые ковариации в рекурсивных линейных моделях для сгруппированных или цензурированных данных »,
Журнал эконометрики, Elsevier, т. 28 (3), страницы 291-305, июнь.
Джинён Хан и Герт Риддер, 2011 г.
« Ограничения условного момента и одновременные треугольные уравнения ,»
Обзор экономики и статистики, MIT Press, vol. 93 (2), страницы 683-689, май.
Ричард Бланделл и Джоэл Л. Горовиц, 2007.
« Непараметрический тест экзогенности »,
Обзор экономических исследований, Oxford University Press, vol. 74 (4), страницы 1035-1058.
Левбель, Артур, 1995.
« Непротиворечивые непараметрические проверки гипотез с приложением к симметрии Слуцкого »,
Журнал эконометрики, Elsevier, т.67 (2), страницы 379-401, июнь.
Риверс, Дуглас и Вуонг, Куанг Х., 1988.
« Ограниченные информационные оценки и тесты экзогенности для одновременных пробит моделей »,
Журнал эконометрики, Elsevier, т. 39 (3), страницы 347-366, ноябрь.
Ангрист, Джошуа Д., 1990.
« Пожизненный заработок и призывная лотерея в эпоху Вьетнама: данные из административных записей социального обеспечения: Errata »,
Американский экономический обзор, Американская экономическая ассоциация, т. 80 (5), страницы 1284-1286, декабрь.
Чен, Сяохун и Фань, Яньцинь, 1999.
« Последовательная проверка гипотез в полупараметрических и непараметрических моделях для эконометрических временных рядов »,
Журнал эконометрики, Elsevier, т. 91 (2), страницы 373-401, август.
Ричард Бланделл и Ричард Дж. Смит, 1989.
« Оценка в классе моделей с ограниченными зависимыми переменными одновременного уравнения »,
Обзор экономических исследований, Oxford University Press, vol. 56 (1), страницы 37-57.
Айт-Сахалия, Ясин и Бикель, Питер Дж.И Стокер, Томас М., 2001.
« Тесты согласия для регрессии ядра с применением опциона на подразумеваемую волатильность »,
Журнал эконометрики, Elsevier, т. 105 (2), страницы 363-412, декабрь.
Гроггер, Джеффри, 1990.
« Простой тест на экзогенность в моделях пробит, логит и пуассонова регрессии »,
Economics Letters, Elsevier, vol. 33 (4), страницы 329-332, август.
Тревор С. Бреуш, 1986.
« Проверка гипотез в неопознанных моделях »,
Обзор экономических исследований, Oxford University Press, vol.53 (4), страницы 635-651.
Полные ссылки (включая те, которые не соответствуют элементам в IDEAS)
Самые популярные товары
Это элементы, которые чаще всего цитируют те же работы, что и эта, и цитируются в тех же работах, что и эта.
Ли, Джинхён, 2013.
« Согласованный непараметрический бутстрап-тест экзогенности »,
Документы для обсуждения SIRE
2013–95, Шотландский институт экономических исследований (SIRE).
Ли, Ци и Сяо, Ченг и Зинн, Джоэл, 2003.« Тесты согласованных спецификаций для полупараметрических / непараметрических моделей на основе методов оценки серий »,
Журнал эконометрики, Elsevier, т. 112 (2), страницы 295-325, февраль.
Яньцинь Фань и Ци Ли, 2002.
« Тест согласованной спецификации модели, основанный на сумме квадратов остатков ядра »,
Эконометрические обзоры, Taylor & Francis Journals, vol. 21 (3), страницы 337-352.
Масамунэ Ивасава, 2015.
« Совместный тест спецификации для вероятностей ответа в моделях неупорядоченного полиномиального выбора »,
Эконометрика, MDPI, Open Access Journal, vol.3 (3), страницы 1-31, сентябрь.
Чен, Сяохун, 2007.
« Оценка полупараметрических моделей с большим выборочным ситом ,»
Справочник по эконометрике, в: J.J. Heckman & E.E. Leamer (редактор), Справочник по эконометрике, издание 1, том 6, глава 76,
Эльзевир.
Гао, Цзити, 2007.
« Нелинейные временные ряды: полупараметрические и непараметрические методы ,»
Бумага MPRA
39563, Университетская библиотека Мюнхена, Германия, редакция 1 сентября 2007 г.
Ли, Ци, 1999.« Тесты согласованной спецификации модели для эконометрических моделей временных рядов »,
Журнал эконометрики, Elsevier, т. 92 (1), страницы 101-147, сентябрь.
Ци Ли и Джеффри Скотт Расин, 2006 г.
" Непараметрическая эконометрика: теория и практика ,"
Книги по экономике,
Издательство Принстонского университета,
выпуск 1, номер 8355, апрель.
Ли, Хунцзюнь и Ли, Ци и Лю, Жуйсюань, 2016.
« Тесты согласованной спецификации модели на основе метода оценки k-ближайшего соседа »,
Журнал эконометрики, Elsevier, т.194 (1), страницы 187-202.
Шоя Ишимару, 2021 г.
« Эмпирическое разложение зазора IV-OLS с неоднородными и нелинейными эффектами »,
Статьи
2101.04346, arXiv.org.
Темель, Тугрул Т., 2001.
« Проверка непараметрической гипотезы с помощью повторной выборки начальной загрузки »,
2001 Ежегодное собрание, 5-8 августа, Чикаго, Иллинойс.
20600, Американская ассоциация экономики сельского хозяйства (новое название 2008: Ассоциация сельскохозяйственной и прикладной экономики).
Доко Чатока, Firmin & Dufour, Жан-Мари, 2020.« Тесты экзогенности, неполные модели, слабая идентификация и негауссовские распределения: инвариантность и теория распределений по конечной выборке »,
Журнал эконометрики, Elsevier, т. 218 (2), страницы 390-418.
Фирмин Доко Чатока и Жан-Мари Дюфур, 2016.
« Тесты экзогенности, неполные модели, слабая идентификация и негауссовские распределения: инвариантность и теория распределений по конечной выборке »,
Рабочие документы CIRANO
2016с-62, CIRANO.
Фирмин ДОКО ЧАТОКА и Жан-Мари ДЮФУР, 2016.« Тесты экзогенности, неполные модели, слабая идентификация и негауссовские распределения: инвариантность и теория распределения конечной выборки »,
Cahiers de recherche
14-2016, Центр межуниверситетских исследований и количественных исследований, CIREQ.
Уайт, Халберт и Хонг, Юнмяо, 1999.
« M-тестирование с использованием оценщиков параметров конечных и бесконечных размеров »,
Калифорнийский университет в Сан-Диего, серия рабочих документов по экономике
qt9qz123ng, Департамент экономики Калифорнийского университета в Сан-Диего.
Анна Пийл Дамм, 2009.
« Этнические анклавы и результаты рынка труда иммигрантов: квазиэкспериментальные данные »,
Журнал экономики труда, University of Chicago Press, vol. 27 (2), страницы 281-314, апрель.
Дамм, Анна Пийл, 2006.
« Этнические анклавы и результаты рынка труда иммигрантов: квазиэкспериментальные данные »,
Рабочие бумаги
06-4, Орхусский университет, Орхусская школа бизнеса, Департамент экономики.
Анна Пийл Дамм, 2006.
« Этнические анклавы и результаты рынка труда иммигрантов: квазиэкспериментальные данные »,
Серия документов для обсуждения CReAM
0607, Центр исследований и анализа миграции (CReAM), Департамент экономики, Университетский колледж Лондона.
Иньин Донг и Артур Левбель, 2015.
« Простая оценка для моделей двоичного выбора с эндогенными регрессорами »,
Эконометрические обзоры, Taylor & Francis Journals, vol. 34 (1-2), страницы 82-105, февраль.
Иньин Донг и Артур Левбель, 2004.
« Простая оценка для моделей двоичного выбора с эндогенными регрессорами »,
Рабочие документы Бостонского колледжа по экономике
604, факультет экономики Бостонского колледжа, от 15 июня 2012 г.
Иньин Донг и Артур Левбель, 2012 г.
« Простые оценщики для моделей двоичного выбора с эндогенными регрессорами »,
Рабочие бумаги
111204, Калифорнийский университет в Ирвине, факультет экономики.
Иньин Донг и Артур Левбель, 2012 г.
« Простая оценка для моделей с двоичным выбором с эндогенными регрессорами »,
Рабочие документы Бостонского колледжа по экономике
807, факультет экономики Бостонского колледжа.
Мануэль Дензер, 2019.« Оценка причинных эффектов в моделях двоичного ответа с двоичными эндогенными объясняющими переменными - Сравнение возможных оценок »,
Рабочие бумаги
1916, Школа менеджмента и экономики Гутенберга, Университет Йоханнеса Гутенберга, Майнц.
Айт-Сахалия, Ясин и Бикель, Питер Дж. И Стокер, Томас М., 2001.
« Тесты согласия для регрессии ядра с применением опциона на подразумеваемую волатильность »,
Журнал эконометрики, Elsevier, т.105 (2), страницы 363-412, декабрь.
Лавернь, Паскаль и Патилеа, Валентин, 2008.
« Нарушая проклятие размерности в непараметрическом тестировании ,»
Журнал эконометрики, Elsevier, т. 143 (1), страницы 103-122, март.
Нордин, Мартин и Рут, Дан-Олоф, 2007.
« Разрыв в доходах между коренными жителями и иммигрантами второго поколения в Швеции: квалификация - объяснение? »,
Документы для обсуждения IZA
2759, Институт экономики труда (ИЗА).
Виктор Черножуков и Иван Ферндез-Вал и Альфред Галичон, 2010.« Кривые квантиля и вероятности без пересечения ,»
Econometrica, Econometric Society, vol. 78 (3), страницы 1093-1125, май.
Виктор Черножуков, Иван Фернандес-Вал и Альфред Галичон, 2007.
« Кривые квантиля и вероятности без пересечения ,»
Рабочие документы CeMMAP
CWP10 / 07, Центр методов и практики микроданных, Институт фискальных исследований.
Виктор Черножуков, Иван Фернандес-Вал и Альфред Галичон, 2010.
« Кривые квантиля и вероятности без пересечения ,»
Публикации Sciences Po
информация: hdl: 2441 / 5rkqqmvrn4t, Sciences Po.
Виктор Черножуков, Иван Фернандес-Вал и Альфред Галичон, 2007.
« Кривые квантиля и вероятности без пересечения ,»
Статьи
0704.3649, arXiv.org, отредактировано в июле 2014 г.
Виктор Черножуков, Иван Фернандес-Вал и Альфред Галичон, 2010.
« Кривые квантиля и вероятности без пересечения ,»
Пост-печать
hal-01052958, HAL.
Виктор Черножуков, Иван Фернандес-Вал и Альфред Галичон, 2007.
« Кривые квантилей и вероятностей без пересечения ,»
Бостонский университет - Департамент экономики - Серия рабочих документов
WP2007-011, Бостонский университет - экономический факультет.
Исправления
Все материалы на этом сайте предоставлены соответствующими издателями и авторами. Вы можете помочь исправить ошибки и упущения. При запросе исправления, пожалуйста, укажите дескриптор этого элемента: RePEc: san: wpecon: 1316 . См. Общую информацию о том, как исправить материал в RePEc.
По техническим вопросам, касающимся этого элемента, или для исправления его авторов, заголовка, аннотации, библиографической информации или информации для загрузки, обращайтесь:.Общие контактные данные провайдера: https://edirc.repec.org/data/destauk.html .
Если вы создали этот элемент и еще не зарегистрированы в RePEc, мы рекомендуем вам сделать это здесь. Это позволяет связать ваш профиль с этим элементом. Это также позволяет вам принимать потенциальные ссылки на этот элемент, в отношении которых мы не уверены.
Если CitEc распознал библиографическую ссылку, но не связал с ней элемент в RePEc, вы можете помочь с этой формой .
Если вам известно об отсутствующих элементах, цитирующих этот элемент, вы можете помочь нам создать эти ссылки, добавив соответствующие ссылки таким же образом, как указано выше, для каждого элемента ссылки. Если вы являетесь зарегистрированным автором этого элемента, вы также можете проверить вкладку «Цитаты» в своем профиле RePEc Author Service, поскольку там могут быть некоторые цитаты, ожидающие подтверждения.
По техническим вопросам, касающимся этого элемента, или для исправления его авторов, заголовка, аннотации, библиографической информации или информации для загрузки, обращайтесь: Школа экономики и финансов (адрес электронной почты указан ниже).Общие контактные данные провайдера: https://edirc.repec.org/data/destauk.html .
Обратите внимание, что исправления могут отфильтроваться через пару недель.
различные сервисы RePEc.
На начальной стадии теста Морана I на пространственную зависимость
Автор
Abstract
Эта статья посвящена использованию бутстрапа для статистики в пространственных эконометрических моделях, с акцентом на статистику теста для критерия I Морана для пространственной зависимости.Мы показываем, что для многих статистических данных в пространственных эконометрических моделях бутстрап можно изучать на основе линейно-квадратичных (LQ) форм возмущений. Доказывая равномерную сходимость кумулятивной функции распределения для форм LQ к функции нормального распределения, мы показываем, что бутстрап в целом согласован для тестовой статистики, которая может быть аппроксимирована LQ-формами, включая I Морана. Возможные асимптотические уточнения бутстрапа: чаще всего изучается с использованием разложений Эджворта.Для пространственных эконометрических моделей мы можем установить асимптотические уточнения бутстрапа на основе асимптотических разложений форм LQ. Когда возмущения нормальные, мы доказываем существование обычных разложений Эджворта для LQ-форм; когда возмущения не являются нормальными, мы устанавливаем асимптотическое разложение LQ-форм на основе мартингалов. Эти результаты применяются, чтобы показать второй порядок правильности начальной загрузки для теста Морана I.
Рекомендуемое цитирование
Цзинь, Фэй и Ли, Лунг-фэй, 2015." На начальной стадии теста Морана I на пространственную зависимость ",
Журнал эконометрики, Elsevier, т. 184 (2), страницы 295-314.
Обозначение: RePEc: eee :conom: v: 184: y: 2015: i: 2: p: 295-314

DOI: 10.1016 / j.jeconom.2014.09.005
Скачать полный текст от издателя
Поскольку доступ к этому документу ограничен, вы можете поискать его другую версию.
Ссылки на IDEAS
Куан-Пин Линь, Чжи-Хе Лонг и Бианлинг Оу, 2011 г.« Размер и мощность тестов начальной загрузки на пространственную зависимость в модели линейной регрессии »,
Вычислительная экономика, Springer; Общество вычислительной экономики, т. 38 (2), страницы 153-171, август.
Келеджиан, Гарри Х. и Пруча, Ингмар Р., 1999.
« Обобщенная оценка моментов для параметра авторегрессии в пространственной модели »,
Международное экономическое обозрение, Департамент экономики, Пенсильванский университет и Институт социальных и экономических исследований Университета Осаки, т.40 (2), страницы 509-533, май.
Джеймс Г. Маккиннон, 2002.
« Вывод начальной загрузки в эконометрике »,
Канадский журнал экономики, Канадская экономическая ассоциация, т. 35 (4), страницы 615-645, ноябрь.
Дэниэл К. Мончук и Дермот Дж. Хейс, Джон А. Мирановски и Дейтон М. Ламберт, 2011.
«Вывод , основанный на альтернативных методах начальной загрузки в пространственных моделях с приложением к росту доходов округа в США »,
Журнал региональной науки, Wiley Blackwell, vol.51 (5), страницы 880-896, декабрь.
Дэниел К. Мончук и Дермот Дж. Хейс и Джон Мирановски, 2008.
« Вывод, основанный на альтернативных методах начальной загрузки в пространственных моделях с приложением к росту доходов округа в США »,
Публикации Центра сельскохозяйственного и сельского развития (CARD)
08-wp471, Центр сельскохозяйственного и сельского развития (CARD) при Университете штата Айова.
Мончук, Дэниэл К. и Хейс, Дермот Дж. И Мирановски, Джон и Ламберт, Дейтон, 2013.« Вывод, основанный на альтернативных методах начальной загрузки в пространственных моделях с приложением к росту доходов округа в США »,
Архив научных статей персонала
36121, Университет штата Айова, факультет экономики.
Дэниэл К. Мончук и Дермот Дж. Хейс, Джон Мирановски и Дейтон М. Ламберт, 2010.
« Вывод, основанный на альтернативных методах начальной загрузки в пространственных моделях с приложением к росту доходов округа в США »,
Публикации Центра сельскохозяйственного и сельского развития (CARD)
10-wp507, Центр развития сельского хозяйства и сельских районов (CARD) при Университете штата Айова.
Анселин, Люк, 1990.
« Некоторые надежные подходы к тестированию и оценке в пространственной эконометрике »,
Региональная наука и городская экономика, Elsevier, vol. 20 (2), страницы 141-163, сентябрь.
Бернард Финглтон, 2008.
« Обобщенный метод оценки моментов для модели пространственной панели с эндогенным пространственным запаздыванием и ошибками пространственного скользящего среднего »,
Пространственный экономический анализ, Taylor & Francis Journals, vol. 3 (1), страницы 27-44.
Келеджиан, Гарри Х. и Пруча, Ингмар Р., 1998.
« Обобщенная пространственная двухэтапная процедура наименьших квадратов для оценки пространственной модели авторегрессии с авторегрессионными возмущениями »,
Журнал финансов и экономики недвижимости, Springer, vol. 17 (1), страницы 99-121, июль.
Лянцзюнь Су и Чжэньлинь Ян, 2008.
« Асимптотика и начальная загрузка для преобразованных регрессий панельных данных »,
Рабочие документы по экономике развития
22477, Восточноазиатское бюро экономических исследований.
Келеджиан, Гарри Х. и Пирас, Джанфранко, 2011.
« Расширение J-теста Келеджяна для невложенных пространственных моделей »,
Региональная наука и городская экономика, Elsevier, vol. 41 (3), страницы 281-292, май.
Бернар Финглтон и Жюли Ле Галло, 2008 г.
« Оценка пространственных моделей с эндогенными переменными, пространственным запаздыванием и пространственно-зависимыми возмущениями: свойства конечной выборки ,»
Статьи по региональной науке, Wiley Blackwell, vol. 87 (3), страницы 319-339, август.
Горовиц, Джоэл Л., 2001.
« Бутстрап и проверка гипотез в эконометрике »,
Журнал эконометрики, Elsevier, т. 100 (1), страницы 37-40, январь.
Питер Берридж и Бернард Финглтон, 2010.
« Bootstrap Inference в пространственной эконометрике: J-тест »,
Пространственный экономический анализ, Taylor & Francis Journals, vol. 5 (1), страницы 93-119.
Can, Ayse, 1992.
« Спецификация и оценка гедонистических моделей цен на жилье »,
Региональная наука и городская экономика, Elsevier, vol.22 (3), страницы 453-474, сентябрь.
Лунг-Фей Ли, 2004.
" Асимптотические распределения квазимаксимальных оценок правдоподобия для пространственных моделей авторегрессии ",
Econometrica, Econometric Society, vol. 72 (6), страницы 1899-1925, ноябрь.
Джули Ле Галло и Бернар Финглтон, 2008.
« Оценка пространственных моделей с эндогенными переменными, пространственным запаздыванием и пространственно-зависимыми возмущениями: конечные свойства выборки »,
Пост-печать
хал-00485035, HAL.
Цзинь, Фэй и Ли, Лунг-фэй, 2013.« Тесты типа Кокса для конкурирующих пространственных моделей авторегрессии с пространственными авторегрессионными возмущениями »,
Региональная наука и городская экономика, Elsevier, vol. 43 (4), страницы 590-616.
Горовиц, Джоэл Л., 2001.
" The Bootstrap ,"
Справочник по эконометрике, в: J.J. Heckman & E.E. Leamer (редактор), Справочник по эконометрике, издание 1, том 5, глава 52, страницы 3159-3228,
Эльзевир.
Härdle, Wolfgang & Horowitz, Joel L. & Kreiss, Jens-Peter, 2001.« Методы начальной загрузки для временного ряда »,
Документы для обсуждения SFB 373
2001 г., 59, Берлинский университет Гумбольдта, междисциплинарный исследовательский проект 373: Количественная оценка и моделирование экономических процессов.
Мончук, Дэниел К. и Хейс, Дермот Дж. И Мирановски, Джон А. и Ламберт, Дейтон М., 2011.
« Вывод, основанный на альтернативных методах начальной загрузки в пространственных моделях с приложением к росту доходов округа в США »,
Документы Генерального штаба ИСУ
201103240700001526, Государственный университет Айовы, факультет экономики.
Лю, Сяодун и Ли, Лунг-фей и Боллинджер, Кристофер Р., 2010.
« Эффективная GMM-оценка пространственных моделей авторегрессии »,
Журнал эконометрики, Elsevier, т. 159 (2), страницы 303-319, декабрь.
Х. Келеджян, Гарри и Пруча, Ингмар Р., 2001.
« Об асимптотическом распределении статистики теста Морана I с приложениями »,
Журнал эконометрики, Elsevier, т. 104 (2), страницы 219-257, сентябрь.
Ли, Лунг-фэй, 2007.« GMM и 2SLS оценка моделей смешанной регрессии и пространственной авторегрессии »,
Журнал эконометрики, Elsevier, т. 137 (2), страницы 489-514, апрель.
Линь, Сюй и Ли, Лунг-фэй, 2010.
« GMM-оценка пространственных моделей авторегрессии с неизвестной гетероскедастичностью »,
Журнал эконометрики, Elsevier, т. 157 (1), страницы 34-52, июль.
Полные ссылки (включая те, которые не соответствуют элементам в IDEAS)
Цитаты
Цитаты извлекаются проектом CitEc, подпишитесь на его RSS-канал для этого элемента.
Цитируется по:
Zhenlin Yang, 2018.
« Bootstrap LM тесты для пространственных эффектов более высокого порядка в моделях пространственной линейной регрессии »,
Эмпирическая экономика, Springer, т. 55 (1), страницы 35-68, август.
Ташпынар, Сулейман и Доган, Осман и Бера, Анил К., 2017.
« GMM градиентные тесты для пространственных динамических моделей панельных данных »,
Региональная наука и городская экономика, Elsevier, vol. 65 (C), страницы 65-88.
Сунь, Иго и Маликов, Эмир, 2018.« Оценка и вывод в моделях пространственных авторегрессионных панельных данных функциональных коэффициентов с фиксированными эффектами »,
Журнал эконометрики, Elsevier, т. 203 (2), страницы 359-378.
Цзинь, Фэй и Ли, Лунг-фэй, 2019.
«Оценка лари и тестирование пространственных моделей авторегрессии »,
Журнал эконометрики, Elsevier, т. 208 (2), страницы 585-612.
Ou Bianling & Long Zhihe & Li Wenqian, 2019.
« Bootstrap LM-тесты для пространственной зависимости в моделях панельных данных с фиксированными эффектами »,
Журнал системной науки и информации, De Gruyter, vol.7 (4), страницы 330-343, август.
Самые популярные товары
Это элементы, которые чаще всего цитируют те же работы, что и эта, и цитируются в тех же работах, что и эта.
Цзинь, Фэй и Ли, Лунг-фэй, 2019.
«Оценка лари и тестирование пространственных моделей авторегрессии »,
Журнал эконометрики, Elsevier, т. 208 (2), страницы 585-612.
Дебарси, Николас и Эртур, Джем, 2019.
« Выбор матрицы взаимодействия в моделях пространственной авторегрессии с приложением к теории роста »,
Региональная наука и городская экономика, Elsevier, vol.75 (C), страницы 49-69.
Люк Анселин, 2010.
« Тридцать лет пространственной эконометрики »,
Статьи по региональной науке, Wiley Blackwell, vol. 89 (1), страницы 3-25, март.
Цзинь, Фэй и Ли, Лунг-фэй, 2020.
" Асимптотически эффективные корневые оценки для пространственных авторегрессионных моделей с пространственными авторегрессионными возмущениями ,"
Economics Letters, Elsevier, vol. 194 (С).
Цзинь, Фэй и Ли, Лунг-фэй, 2013.
« Тесты типа Кокса для конкурирующих пространственных моделей авторегрессии с пространственными авторегрессионными возмущениями »,
Региональная наука и городская экономика, Elsevier, vol.43 (4), страницы 590-616.
Синтия Фань Ян, 2021 год.
« Общие факторы и пространственная зависимость: приложение к ценам на жилье в США »,
Эконометрические обзоры, Taylor & Francis Journals, vol. 40 (1), страницы 14-50, январь.
Цзинь, Фэй и Ли, Лунг-фэй, 2012.
« Приближенные оценки правдоподобия и корня для пространственного взаимодействия в пространственных моделях авторегрессии »,
Региональная наука и городская экономика, Elsevier, vol. 42 (3), страницы 446-458.
Сюань Лян, Цзити Гао и Сяодун Гун, 2019 г.« Модель данных панели пространственной авторегрессии с изменяющимся во времени коэффициентом с фиксированными эффектами »,
Рабочие документы Monash по эконометрике и бизнес-статистике
26/19, Университет Монаша, факультет эконометрики и бизнес-статистики.
Москоне, Франческо и Тозетти, Элиза и Канепа, Алессандра, 2014 г.
« Рынок недвижимости и финансовая стабильность в мегаполисах США: динамическая модель с пространственными эффектами »,
Региональная наука и городская экономика, Elsevier, vol.49 (C), страницы 129-146.
Хан, Сяои и Ли, Лунг-фэй, 2013.
« Выбор модели с использованием J-теста для пространственной авторегрессионной модели по сравнению с матричной экспоненциальной пространственной моделью »,
Региональная наука и городская экономика, Elsevier, vol. 43 (2), страницы 250-271.
Песаран, М. Хашем и Ян, Синтия Фан, 2021 г.
« Оценка и логический вывод в пространственных моделях с доминирующими единицами »,
Журнал эконометрики, Elsevier, т. 221 (2), страницы 591-615.
Доган, Осман и Ташпынар, Сулейман, 2013.« GMM оценка пространственных моделей авторегрессии с возмущениями скользящего среднего »,
Региональная наука и городская экономика, Elsevier, vol. 43 (6), страницы 903-926.
Дэвид М. Друккер, Питер Эггер и Ингмар Р. Пруча, 2013.
« О двухэтапной оценке пространственной модели авторегрессии с авторегрессионными нарушениями и эндогенными регрессорами »,
Эконометрические обзоры, Taylor & Francis Journals, vol. 32 (5-6), страницы 686-733, август.
Цзинь, Фэй и Ли, Лунг-фэй, 2018.« Тесты внешнего произведения градиентов для пространственных моделей авторегрессии »,
Региональная наука и городская экономика, Elsevier, vol. 72 (C), страницы 35-57.
Лю, Сяодун и Ли, Лунг-фей и Боллинджер, Кристофер Р., 2010.
« Эффективная GMM-оценка пространственных моделей авторегрессии »,
Журнал эконометрики, Elsevier, т. 159 (2), страницы 303-319, декабрь.
Ян, Жэньлинь, 2015.
« LM тесты пространственной зависимости на основе критических значений бутстрапа »,
Журнал эконометрики, Elsevier, т.185 (1), страницы 33-59.
Цюй, Си и Ли, Лунг-фей и Ян, Чао, 2021 год.
« Оценка модели SAR с эндогенными пространственными весами, построенными по двусторонним переменным »,
Журнал эконометрики, Elsevier, т. 221 (1), страницы 180-197.
Дебарси, Николас и Джин, Фей и Ли, Лунг-фей, 2015.
« Большая выборка свойств матрицы экспоненциальной пространственной спецификации с приложением к FDI »,
Журнал эконометрики, Elsevier, т. 188 (1), страницы 1-21.
Николас ДЕБАРСИ, Фей Джин и Лунг-фей Ли, 2014.
« Свойства большой выборки матрицы экспоненциально-пространственной спецификации с приложением к FDI »,
Рабочие документы LEO / DR LEO
2244, Орлеанская экономическая лаборатория / Лаборатория экономики Орлеана (LEO), Орлеанский университет.
Николас Дебарси, Фей Джин и Лунг-Фей Ли, 2015.
« Большая выборка свойств матрицы экспоненциальной пространственной спецификации с приложением к FDI »,
Пост-печать
хал-00858174, HAL.
Николас Дебарси, Фей Джин и Лунг-Фей Ли, 2014.
« Большая выборка свойств матрицы экспоненциальной пространственной спецификации с приложением к FDI »,
Рабочие бумаги
hal-01069198, HAL.
Чжэнъюй Чжан, 2013.
" Оценка парных разностей для частично линейных пространственных моделей авторегрессии ",
Пространственный экономический анализ, Taylor & Francis Journals, vol. 8 (2), страницы 176-194, июнь.
Лю, Шоу Фань и Ян, Чжэньлинь, 2015.« Модифицированная QML-оценка пространственных моделей авторегрессии с неизвестной гетероскедастичностью и ненормальностью »,
Региональная наука и городская экономика, Elsevier, vol. 52 (C), страницы 50-70.
Подробнее об этом продукте
Ключевые слова
Bootstrap; Пространственный; I Морана; Последовательность; Асимптотическое уточнение; Линейно-квадратичная форма;
Все эти ключевые слова.
Классификация JEL:
C12 - Математические и количественные методы - - Эконометрические и статистические методы и методология: общие - - - Проверка гипотез: общие
C15 - Математические и количественные методы - - Эконометрические и статистические методы и методология: общие - - - Методы статистического моделирования: общие
C21 - Математические и количественные методы - - Модели с одним уравнением; Одиночные переменные - - - Модели поперечного сечения; Пространственные модели; Модели лечебного эффекта
R15 - Городская, сельская, региональная экономика, экономика недвижимости и транспорта - - Общая региональная экономика - - - Эконометрические модели и модели затрат-выпуска; Другие методы
Статистика
Доступ и загрузка статистики
Исправления
Все материалы на этом сайте предоставлены соответствующими издателями и авторами.Вы можете помочь исправить ошибки и упущения. При запросе исправления укажите идентификатор этого элемента: RePEc: eee :conom: v: 184: y: 2015: i: 2: p: 295-314 . См. Общую информацию о том, как исправить материал в RePEc.
По техническим вопросам, касающимся этого элемента, или для исправления его авторов, заголовка, аннотации, библиографической информации или информации для загрузки, обращайтесь:. Общие контактные данные провайдера: http://www.elsevier.com/locate/jeconom .
Если вы создали этот элемент и еще не зарегистрированы в RePEc, мы рекомендуем вам сделать это здесь.Это позволяет связать ваш профиль с этим элементом. Это также позволяет вам принимать потенциальные ссылки на этот элемент, в отношении которых мы не уверены.
Если CitEc распознал библиографическую ссылку, но не связал с ней элемент в RePEc, вы можете помочь с этой формой .
Если вам известно об отсутствующих элементах, цитирующих этот элемент, вы можете помочь нам создать эти ссылки, добавив соответствующие ссылки таким же образом, как указано выше, для каждого элемента ссылки. Если вы являетесь зарегистрированным автором этого элемента, вы также можете проверить вкладку «Цитаты» в своем профиле RePEc Author Service, поскольку там могут быть некоторые цитаты, ожидающие подтверждения.
По техническим вопросам, касающимся этого элемента, или для исправления его авторов, заголовка, аннотации, библиографической информации или информации для загрузки, обращайтесь: Catherine Liu (адрес электронной почты указан ниже). Общие контактные данные провайдера: http://www.elsevier.com/locate/jeconom .
Обратите внимание, что исправления могут отфильтроваться через пару недель.
различные сервисы RePEc.
Образовательная ошибка теории «вверх по стопам»
Одним из столпов американской мифологии является теория самосовершенствования и личного прогресса «самосовершенствования».При таком мышлении люди подтягиваются к лучшему положению в жизни за счет собственных стимулов, то есть личной инициативы и стремления. И хотя мы знаем, что самолевитация невозможна, мы позволили этой антигравитационной метафоре доминировать в наших размышлениях о том, где лежит ответственность за улучшение вашей жизни и продвижение вперед в американском обществе.
В условиях продолжающегося противоречия между свободой (индивидуальным понятием) и справедливостью (общественным понятием) пришло время сказать, что личный прогресс не является исключительной ответственностью индивидуума.Другие факторы имеют большое значение.
Даже в колледжах, где стремление к доступу и успеху являются ключевыми для миссии, заблуждение бутстрапа живо и хорошо. Фактически, он пронизывает наш язык, наши представления об учащихся и обучении, а также нашу практику. И чтобы справедливые практики присоединились к лучшим практикам, это должно измениться.
Наш язык. Когда вы идете в больницу, вы ищете решение имеющейся у вас проблемы со здоровьем. По возможности, основное внимание уделяется уходу и выздоровлению.Весь язык указывает в этом направлении. Однако когда вы идете в институт, это воспринимается как вызов. Если вы встретите вызов и сдадите, мы скажем, что вы упорствовали. Настойчивость определяет обучение как борьбу, бремя, которое ученик должен успешно нести, чтобы продвинуться вперед.
Настойчивость также рассматривается как обязанность учащегося, а не как совместная ответственность с другими. Когда кто-то не может получить ученую степень или сертификат, традиционное суждение заключалось в том, что ему либо не хватало интеллекта, либо упорства, либо он просто не справлялся с этой задачей.На них лежит вина, недостаток.
Наши предположения. Точно так же суть преподаваемого и его структура обычно определяется другими и применяется к учащемуся независимо от потребностей учащегося. Таким образом, курс ESL можно считать некредитным, и его успешное завершение является предварительным условием для начала «формального» обучения. Но курс испанского или французского будет считаться академическим зачетом. С каких это пор знание английского языка становится менее ценным, чем французского? Или жизненный опыт и предыдущее обучение, принесенные кем-то с другим жизненным путем, культурой или социально-экономическим статусом, могут быть обесценены и проигнорированы, потому что они не соответствуют исходным предположениям учебной программы или были изучены «где-то еще».”
Заблуждение бутстрапа утверждает, что вы не только должны успешно самостоятельно левитировать, но и должны делать это согласно чужим правилам и ожиданиям, чужим предположениям о том, что такое качественный академический опыт и сколько обучения достаточно.
Наши практики. И, как правило, вы должны делать это в одиночку, без консультаций или другой поддержки, включая достоверную информацию о том, что вы изучаете и почему. В справедливом колледже эти услуги и поддержка будут интегрированы с учебной программой и опытом учащихся.Эта интеграция и личная поддержка превращают учебное путешествие в командное усилие, общую ответственность, а не в одиночку. Когда Nordstrom’s предоставляет вам услуги консьержа в качестве покупателя, они делают это потому, что узнали, что люди покупают больше и возвращаются чаще, если им помогают. Образовательная консьерж-служба поддерживает учащегося в его главном деле, обучении, устраняя препятствия и отвечая на потребности, которые могут помешать обучению на этом пути. Скорее всего, она узнает больше и добьется успеха быстрее.
Наконец, мы знаем, что первокурсники наиболее уязвимы и склонны к неудачам. Почему же тогда мы помещаем их в большие лекционные классы, в то время как аспиранты, уже хорошо зарекомендовавшие себя в учебе, получают индивидуальное лечение? Если бы отделение неотложной помощи вело себя таким образом, они заставили бы самых больных ждать, пока они обслуживают более здоровых.
Практика справедливости начинается с глубокого уважения и понимания потребностей учащихся, включая жизненные обстоятельства, личную историю и стремления.Нам необходимо оценить политику и практику, чтобы определить, удобны ли они для учащихся. И нам необходимо создать структуры поддержки и взаимодействия, которые позволят учащемуся учиться и будут помогать учащемуся, когда жизнь вмешивается, нарушая способность учиться.
Wild Bootstrap с «маленьким» количеством «больших» кластеров | Обзор экономики и статистики
Доказательство теоремы 1. Сначала введем обозначения, которые помогут упростить наши рассуждения. Пусть S≡Rdz × dz × ⨂j∈JRdz и любое s∈S записывается как s = (s1, {s2, j: j∈J}), где s1∈Rdz × dz - (действительная) матрица dz × dz, и s2, j∈Rdz для всех j∈J⁠.nr = λ и уравнение (A-5). В частности, из уравнения (A-9) следует, что если k * ≡⌈ | G | (1-α) ⌉> | G | -2⁠, то I {T (Sn)> T (k *) (Sn * | G); En = 1} = 0⁠, что устанавливает верхнюю границу в теореме ⁶ в соответствии с уравнениями (A-7) и (A-8). Поэтому мы предполагаем, что k * ≡⌈ | G | (1-α) ⌉≤ | G | -2⁠, и в этом случае
limsupn → ∞E [ϕn] = limsupn → ∞P {T (Sn)> T (k *) (Sn * | G); En = 1} = limsupn → ∞P {T (Sn)> T (k *) (Sn * | G ∖ {± ι}); En = 1} ≤limsupn → ∞P {T (Sn) ≥T (k *) (Sn * | G ∖ {± ι}); En = 1},
(A-10)
, где первое равенство следует из уравнений (A-7) и (A -8), второе равенство подразумевается уравнением (A-9) и k * ≤ | G | -2⁠, а окончательное неравенство следует из включения множества.
Чтобы исследовать правую часть уравнения (A-10), сначала отметим, что из предположений ² (i) и (ii) и теоремы о непрерывном отображении следует, что
njn1nj∑i∈In, jZ˜i, jεi , j: j∈J → d {ξjZj: j∈J}. Z˜, n → Pa¯ΩZ˜ позволяет нам установить
Sn → dS≡a¯ΩZ˜ , {ξjZj: j∈J}.nr) |> ε; En = 1 = 0.
(A-16) Поскольку мы определили T (s) = 0 для любого s = (s1, {s2, j: j∈J}) ⁠, всякий раз, когда s1 необратим, следует, что T (gSn *) = T (gSn), если En = 0⁠. Следовательно, из результатов (A-13), (A-14) и (A-16) следует, что T (gSn *) = T (gSn) + oP (1) для любого g∈G⁠. Таким образом, из результата (A-12) получаем, что
(T (Sn), {T (gSn *): g∈G}) → d (T (S), {T (gS): g∈G})
(A-17) в силу теоремы о непрерывном отображении. Более того, поскольку En → P1 по результату (A-8), следует, что (T (Sn), En, {T (gSn *): g∈G}) также сходятся совместно. Следовательно, теорема Портманто (см. Теорему 1.3.4 (iii) в van der Vaart & Wellner, 1996), следует
limsupn → ∞P {T (Sn) ≥T (k *) (Sn * | G ∖ {± ι}); En = 1} ≤P { T (S) ≥T (k *) (S | G ∖ {± ι})} = P {T (S)> T (k *) (S | G ∖ {± ι})},
(A- 18), где в равенстве мы использовали, что P {T (S) = T (gS)} = 0 для всех g∈G ∖ {± ι}, поскольку ковариационная матрица Zj имеет полный ранг для всех j∈J и ΩZ ˜ невырожден по предположению ² (iii). Наконец, отмечая, что T (ιS) = T (-ιS) = T (S) ⁠, мы можем заключить, что T (S)> T (k *) (S | G ∖ {± ι}) тогда и только тогда, когда T ( S)> T (k *) (S | G) ⁠, что вместе с уравнениями (A-10) и (A-18) дает
limsupn → ∞E [ϕn] ≤P {T (S)> T (k *) (S | G ∖ {± ι})} = P {T (S)> T (k *) (S | G)} ≤α,
(A-19)
где последнее неравенство следует из gS = dS для всех g∈G и свойств рандомизационных тестов (см., e.г., Леманн и Романо, 2005, теорема 15.2.1). Это завершает доказательство верхней оценки в формулировке теоремы.
Что касается нижней оценки, сначала отметьте, что k * ≡⌈ | G | (1-α) ⌉> | G | -2 влечет, что α-12q-1≤0⁠, и в этом случае результат очевиден. Предположим, что k * ≡⌈ | G | (1-α) ⌉≤ | G | -2⁠, и заметим, что
limsupn → ∞E [ϕn] ≥liminfn → ∞P {T (Sn)> T (k *) ( Sn * | G); En = 1} ≥P {T (S)> T (k *) (S | G)} ≥P {T (S)> T (k * + 2) (S | G)} + P {T (S) = T (k * + 2) (S | G)} ≥α-12q-1,
(A-20)
, где первое неравенство следует из результата (A-7), второе неравенство следует из теоремы Портманто (см.
Category Разное
Навигация по записям
Стильный дизайн сайта: 57 самых красивых плоских дизайнов сайтов
Сайты рерайтинга и копирайтинга: Лучшие биржи копирайтинга и рерайтинга для заработка новичкам в 2021
Добавить комментарий Отменить ответ
Ваш адрес email не будет опубликован. Обязательные поля помечены *
Комментарий *
Имя *
Email *
Сайт

Имя	тип	по умолчанию	описание
интервал	номер	5000	Время задержки между автоматическим циклическим циклом элемента. Если false, карусель не будет автоматически повторяться.
пауза	строка \| null	«парение»	Если установлено значение `"hover"` , приостанавливает цикл карусели на `mouseenter` и возобновляет цикл карусели на `mouseleave` .Если установлено значение `null` , при наведении курсора на карусель она не приостанавливается.
обертка	логический	правда	Должна ли карусель двигаться непрерывно или иметь жесткие остановки.
клавиатура	логический	правда	Должна ли карусель реагировать на события клавиатуры.

Тип события	Описание
слайд-карусель	Это событие запускается немедленно при вызове метода экземпляра `slide` .
сдвинуто.bs.carousel	Это событие вызывается, когда карусель завершает переход между слайдами.

Имя	тип	по умолчанию	описание
смещение	\| функция \| объект	10	пикселей для смещения от экрана при вычислении положения прокрутки.Если указано одно число, смещение будет применяться как в верхнем, так и в нижнем направлениях. Чтобы обеспечить уникальное смещение снизу и сверху, просто укажите смещение объекта `: {top: 10}` или `смещение: {top: 10, bottom: 5}` . Используйте функцию, когда вам нужно динамически вычислить смещение.
цель	\| узел \| Элемент jQuery	окно объект	Задает целевой элемент аффикса.

Тип события	Описание
аффикс.bs.affix	Это событие запускается непосредственно перед прикреплением элемента.
прикрепленный аффикс	Это событие вызывается после прикрепления элемента.
affix-top.bs.affix	Это событие запускается непосредственно перед прикреплением элемента сверху.
прикрепленный верхний аффикс	Это событие вызывается после того, как элемент был прикреплен сверху.
крепление-нижнее крепление	Это событие запускается непосредственно перед прикреплением элемента снизу.
прикрепленное нижнее крепление	Это событие вызывается после того, как элемент был прикреплен снизу.