Используйте CSS для перемещения содержимого кнопки в верхнем правом углу вкладки начальной загрузки.

Here - это jsfiddle некоторых вкладок, которые у меня есть в бутстрапе, которые я добавил для кнопки «x». У меня уже есть все мои js, которые отлично работают, чтобы закрыть вкладки с помощью кнопки. Я все еще немного слаб с CSS. Как переместить кнопку «x» в верхнюю правую часть вкладки? Ниже мой код (используя по умолчанию начальной загрузки CSS для всего этого)Используйте CSS для перемещения содержимого кнопки в верхнем правом углу вкладки начальной загрузки.

<nav class="navbar navbar-default"> 
    <ul class="nav nav-tabs nav-justified"> 
     <li id="shellstab" class="active"><a role="tab" data-toggle="tab" href="#shells" aria-expanded="true">Shell<button class="close closeTab" type="button" >&times;</button></a> 
    <li id="wikitab"><a role="tab" data-toggle="tab" href="#wiki" aria-expanded="true">Wiki<button class="close closeTab" type="button">&times;</button></a> 
    <li id="querytab"><a role="tab" data-toggle="tab" href="#query" aria-expanded="true">Query<button class="close closeTab" type="button">&times;</button></a> 
    </ul> 
</nav>

источник

2015-02-26 cashman04

Я бы рекомендовал создать внешний файл CSS.

... Но ставить это в "X" Button

style="position: absolute; top:0; right:0;"

Look at this jsFiddle:

источник

2015-02-26 00:45:47

Это было его. По какой-то причине я использовал позицию относительно основанного на примере, который я нашел. Спасибо за помощь. Я собираюсь посмотреть, что все это делает. Я бы подумал, что цифры были сверху и справа ... но, видимо, это не так. Спасибо за помощь. – cashman04

Ваше приветствие @ cashman04 –

И на этот раз я обратил внимание на вашу скрипку и увидел, что она может идти на проценты. Еще раз спасибо! – cashman04

Используйте CSS для перемещения содержимого кнопки в верхнем правом углу вкладки начальной загрузки.

ответ

Смежные вопросы