Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Работа с bootstrap (https://javascript.ru/forum/misc/73945-rabota-s-bootstrap.html)

Artur_Hopf 30.05.2018 16:27

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

Переместить колонки направо с помощью .col-md-offset-* класса. Эти классы увеличивают отступ слева столбца * колонки. Например, .col-md-offset-4 сдвигает .col-md-4 пропуская один такой же столбец


<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>

<div class="row">
   <select class="col-md-8">Описание чего нибудь</select>

   <button type="button" class="btn btn-primary col-md-2 col-md-offset-2">Кнопочка</button>
</div>


То есть я использовал select размером в col-md-8, дальше использую кнопку размером col-md-2.
У меня остается еще 2 свободные клетки , поэтому я хочу сместить это кнопку в право до упора, использую к ней col-md-offset-2, но ничего не происходит:blink:

Nexus 30.05.2018 16:36

Вы 4-ю версию используете.
https://getbootstrap.com/docs/4.0/layout/grid/

Artur_Hopf 30.05.2018 16:48

Nexus,
Спасибо, я читал тут http://getbootstrap.ru/docs/3.3.7/css/#grid-offsetting информация отличается. Все заработало :thanks:


Часовой пояс GMT +3, время: 03:56.