Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 07.07.2017, 10:03   #1
Prolific
 
Регистрация: 07.07.2017
Сообщений: 9
По умолчанию Выход за пределы колонок bootstrap

Привет, форумчане. Верстаю сайт, не могу понять как выйти за пределы колонок, чтобы наложить bacground-color как на макете(там где contact info):

То есть нужно сдвинуть вправо.

Вот как у меня сейчас выглядит:



Код:
HTML:
Код:
<div class="section_main">
	<div class="container">
		<div class="row">
			<div class="col-md-6">
				<form action="/" method="POST">
					<input id="feedback_name" type="text" name="name" placeholder="Name" required>
					<input id="feedback_email" type="email" name="email" placeholder="Your Mail" required>
					<textarea id="feedback_textarea" name="message" cols="30" rows="5" placeholder="Type your message"></textarea>
					<input id="feedback_submit" type="submit" name="submit" value="Send message">
				</form>
			</div>
			<div class="col-md-5 col-md-offset-1 contact_info">
				<h5>Contact info</h5>
				<p id="adress">Jalalabad 24 / A, Ambaarkhana, Sylhet, Bangladesh</p>
				<p id="mail">redwan@deviserweb.com</p>
				<p id="number">(+88) 017 617 46373</p>
			</div>
		</div>
	</div>
</div>

CSS:
Код:
.section_main {
	form {
		margin-top: 20px;
		input {
			&:focus {
				outline: none;
			}
		}
		#feedback_name {
			border-radius: 5px;
			border: none;
			background-color: #e5e5e5;
			padding: 20px 30px;
			width: 47%;
			margin-bottom: 30px;
		}
		#feedback_email {
			border-radius: 5px;
			border: none;
			background-color: #e5e5e5;
			padding: 20px 30px;
			width: 47%;
			float: right;
			margin-bottom: 30px;
		}
		#feedback_textarea {
			border-radius: 5px;
			border: none;
			background-color: #e5e5e5;
			padding: 20px 30px;
			width: 100%;
			margin-bottom: 30px;
			&:focus {
				outline: none;
			}
		}
		#feedback_submit {
			border-radius: 5px;
			border: none;
			background-color: #ff3b3b;
			padding: 20px 30px;
			width: 100%;
			color: #fff;
			@extend .bold;
			text-transform: uppercase;
		}
	}
	.contact_row {
		background-color: #2d2d2d;
	}
	.contact_info {
		//width: 50%;
		margin-top: 20px;
		padding: 50px 20px;
		background-color: #2d2d2d;
		h5 {
			@extend .bold;
			text-transform: uppercase;
			color: #e0e0e0;

		}
		p {
			color: #fff;
		}
	}
}
Prolific вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
SetCapture и выход курсора за пределы окна BLACK_RAIN Win Api 10 25.04.2015 14:20
Выход за пределы массива NFXrus Помощь студентам 10 09.12.2011 23:13
выход за пределы массива(с++) Lazy maximka Помощь студентам 2 13.11.2011 16:11
C++ выход за пределы строки (char) Alex11223 Помощь студентам 4 20.04.2011 20:27
C++ - выход за пределы массива kefir Помощь студентам 5 12.06.2010 14:09