Работа с 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: |
Вы 4-ю версию используете.
https://getbootstrap.com/docs/4.0/layout/grid/ |
Nexus,
Спасибо, я читал тут http://getbootstrap.ru/docs/3.3.7/css/#grid-offsetting информация отличается. Все заработало :thanks: |
Часовой пояс GMT +3, время: 03:56. |