diff --git a/src/my/MyFriend.tsx b/src/my/MyFriend.tsx
index 94708f5..10a6c4e 100644
--- a/src/my/MyFriend.tsx
+++ b/src/my/MyFriend.tsx
@@ -139,8 +139,8 @@ export class MyFriend extends React.Component<
 
         return (
             <Container>
-                <Row>
-                    <Col xs={4}>
+                <Row className="d-flex justify-content-center bg-light">
+                    <div>
                         <ListGroup className="overflow-auto bg-light friend-list">
                             <ListGroup.Item variant="primary">我的好友</ListGroup.Item>
                             <ListGroup.Item>
@@ -191,9 +191,9 @@ export class MyFriend extends React.Component<
                                 </ListGroup.Item>):<ListGroup.Item>没有匹配任何用户</ListGroup.Item>:null}
                         </ListGroup>
 
-                    </Col>
+                    </div>
 
-                    <Col xs={8}>
+                    <Col className="d-none" xs={8}>
                         <Container className="bg-light chat-history overflow-auto">
                             {this.state.chatList.map((chat:Chat,index:number)=>
                                 this.props.user===chat.userId?